Ui fixes (#4954)

* PLT-5102 - Adjusting whitespace for post textarea

* PLT-5099 - Fixing alignment for inputs

* PLT-5095 - Pending post controls z-index increase

webapp/components/textbox.jsx

@@ -115,9 +115,9 @@ export default class Textbox extends React.Component {
 
         // Move over attachment icon to compensate for the scrollbar
         if (height > maxHeight) {
-            wrapper.closest('.post-body__cell').addClass('scroll');
+            wrapper.closest('.post-create').addClass('scroll');
         } else {
-            wrapper.closest('.post-body__cell').removeClass('scroll');
+            wrapper.closest('.post-create').removeClass('scroll');
         }
     }
 

webapp/sass/components/_inputs.scss

@@ -41,6 +41,7 @@ fieldset {
 input {
     &[type='radio'],
     &[type='checkbox'] {
-        margin-top: 1px;
+        font-size: 14px;
+        margin-top: 3px;
     }
 }

webapp/sass/layout/_post.scss

@@ -364,6 +364,18 @@
         max-width: 1028px;
     }
 
+    .post-create {
+        &.scroll {
+            .btn-file {
+                right: 10px;
+            }
+
+            .custom-textarea {
+                padding-right: 43px;
+            }
+        }
+    }
+
     .post-create-body {
         padding: 0 0 2px;
         position: relative;
@@ -371,16 +383,6 @@
         .post-body__cell {
             position: relative;
             vertical-align: top;
-
-            &.scroll {
-                .btn-file {
-                    right: 15px;
-                }
-
-                .custom-textarea {
-                    padding-right: 43px;
-                }
-            }
         }
 
         .send-button {
@@ -403,7 +405,7 @@
         .custom-textarea {
             bottom: 0;
             max-height: 162px !important;
-            padding-right: 28px;
+            padding-right: 35px;
             padding-top: 8px;
         }
 
@@ -449,26 +451,26 @@
         position: relative;
 
         .post-error {
-            font-weight: normal;
+            @include opacity(.55);
-            margin-bottom: 0;
             display: inline-block;
             font-size: .85em;
-            @include opacity(.55);
+            font-weight: normal;
+            margin-bottom: 0;
             position: absolute;
             top: 4px;
-      }
+        }
-  }
+    }
 
-  .msg-typing {
+    .msg-typing {
-    @include opacity(.7);
+        @include opacity(.7);
-    display: block;
+        display: block;
-    font-size: .95em;
+        font-size: .95em;
-    height: 20px;
+        height: 20px;
-    margin-bottom: 5px;
+        margin-bottom: 5px;
-    overflow: hidden;
+        overflow: hidden;
-    text-overflow: ellipsis;
+        text-overflow: ellipsis;
-    white-space: nowrap;
+        white-space: nowrap;
-}
+    }
 }
 
 .post-list__table {
@@ -1048,16 +1050,17 @@
         }
 
         .pending-post-actions {
+            background: alpha-property($black, .7);
+            color: $white;
+            font-size: .9em;
+            padding: 5px 7px;
             position: absolute;
             right: 0;
             top: 0;
-            padding: 5px 7px;
+            z-index: 100;
-            background: rgba(0, 0, 0, .7);
-            color: white;
-            font-size: .9em;
 
             a {
-                color: white;
+                color: $white;
             }
         }
     }