3 files changed, 37 insertions, 27 deletions

diff --git a/webapp/sass/layout/_forms.scss b/webapp/sass/layout/_forms.scss
index 259beeb57..1dd2bb827 100644
--- a/webapp/sass/layout/_forms.scss
+++ b/webapp/sass/layout/_forms.scss
@@ -12,7 +12,7 @@
         text-align: left;
 
         &.light {
-            color: $dark-gray;
+            @include opacity(.6);
             font-size: 1.05em;
             font-style: italic;
             font-weight: normal;
diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss
index 4170483db..947a81318 100644
--- a/webapp/sass/layout/_post.scss
+++ b/webapp/sass/layout/_post.scss
@@ -66,6 +66,7 @@ body.ios {
         font-size: 13px;
         position: absolute;
         right: 0;
+        text-align: right;
         z-index: 3;
     }
 
@@ -74,16 +75,14 @@ body.ios {
     }
 }
 
-.help_format_text {
+.help__format-text {
     @include opacity(0);
-    @include single-transition(all .2s ease);
-    bottom: -23px;
-    display: none !important;
+    @include single-transition(all, .5s, ease, .5s);
+    display: inline-block;
     font-size: .85em;
-    left: 0;
-    overflow: hidden;
-    position: absolute;
-    text-overflow: ellipsis;
+    margin-right: 10px;
+    vertical-align: bottom;
+    white-space: nowrap;
 
     b,
     i,
@@ -275,39 +274,36 @@ body.ios {
         outline: none;
         text-align: center;
     }
-
-    .beginning-messages-text {
-        color: grey;
-        display: block;
-        margin-bottom: 5px;
-        margin-top: 2px;
-        text-align: center;
-    }
 }
 
 .post-list__timestamp {
-    @include border-radius(3px);
     @include opacity(0);
     @include single-transition(all, .6s, ease);
     @include translateY(-45px);
-    @include font-smoothing(initial);
-    background: $primary-color;
-    color: $white;
     display: none;
-    font-size: 12px;
-    left: 50%;
-    line-height: 25px;
-    margin-left: -60px;
+    left: 0;
     position: absolute;
     text-align: center;
     top: 8px;
-    width: 120px;
+    width: 100%;
     z-index: 50;
 
     &.scrolling {
         @include translateY(0);
         @include opacity(.8);
     }
+
+    > div {
+        @include border-radius(3px);
+        @include font-smoothing(initial);
+        background: $primary-color;
+        color: $white;
+        display: inline-block;
+        font-size: 12px;
+        line-height: 25px;
+        padding: 0 8px;
+        text-align: center;
+    }
 }
 
 .post-list__arrows {
@@ -381,6 +377,7 @@ body.ios {
         }
 
         .custom-textarea {
+            bottom: 0;
             line-height: 1.5;
             max-height: 162px !important;
             padding-right: 28px;
@@ -647,6 +644,15 @@ body.ios {
     .post__img {
         width: 46px;
 
+        svg {
+            height: 36px;
+            width: 36px;
+        }
+
+        path {
+            fill: inherit;
+        }
+
         img {
             @include border-radius(50px);
             height: 36px;
@@ -752,7 +758,7 @@ body.ios {
 
             li ul,
             li ol {
-                padding: 0 0 0 20px;
+                padding: 10px 0 0 20px;
             }
 
             li.list-item--task-list ul,
diff --git a/webapp/sass/layout/_sidebar-right.scss b/webapp/sass/layout/_sidebar-right.scss
index a7b631047..062c3bde1 100644
--- a/webapp/sass/layout/_sidebar-right.scss
+++ b/webapp/sass/layout/_sidebar-right.scss
@@ -25,6 +25,10 @@
         }
     }
 
+    .help__format-text {
+        display: none;
+    }
+
     .sidebar--right__content {
         @include display-flex;
         @include flex-direction(column);