PLT-3418, PLT-2950, PLT-3375, PLT-3382, PLT-3446, PLT-3465: Multiple UI Improvements (#3449)

Improving help text margins

Updating changes for get link and create post files

Fixing icon for select team screen

Fixing styles for select team button

Adding improvements to posts UI

Adding improvement to post layout

Updating changes for post controls

Updating z-index for sidebar--right

Updating help text position

Fixing code for posts

Fixing css for post view

Pushing improvements for posts view

Updating changes for post view

Updating post layout

Fixing system time css

Updating header for system posts

Updating post css

Removing opacity and changing color for system messages

Simplifying root post and system post behaviour

Removing images from compact view

Updating help text for display

Updating embed preview text for advanced option

PLT-3490 - Fixing RHS issue on Edge

5 files changed, 7 insertions, 6 deletions

diff --git a/webapp/sass/components/_files.scss b/webapp/sass/components/_files.scss
index 854a5902b..9a65693da 100644
--- a/webapp/sass/components/_files.scss
+++ b/webapp/sass/components/_files.scss
@@ -71,6 +71,7 @@
     i {
         color: $white;
         cursor: pointer;
+        font-size: 16px;
         opacity: inherit;
         position: absolute;
         right: 5px;
diff --git a/webapp/sass/components/_modal.scss b/webapp/sass/components/_modal.scss
index 6e41dff39..73651a320 100644
--- a/webapp/sass/components/_modal.scss
+++ b/webapp/sass/components/_modal.scss
@@ -140,7 +140,7 @@
             border: 1px solid $light-gray;
             color: $white;
             min-height: 56px;
-            padding: 15px 15px 11px;
+            padding: 14px 15px 11px;
 
             .modal-title {
                 color: $bg--gray;
diff --git a/webapp/sass/components/_save-button.scss b/webapp/sass/components/_save-button.scss
index 12f793aa1..dedef3255 100644
--- a/webapp/sass/components/_save-button.scss
+++ b/webapp/sass/components/_save-button.scss
@@ -1,7 +1,7 @@
 @charset 'UTF-8';
 
 .save-button {
-    .glyphicon {
+    .icon {
         margin-right: 10px;
     }
-}
\ No newline at end of file
+}
diff --git a/webapp/sass/components/_scrollbar.scss b/webapp/sass/components/_scrollbar.scss
index b868c0bf0..06ee37dc9 100644
--- a/webapp/sass/components/_scrollbar.scss
+++ b/webapp/sass/components/_scrollbar.scss
@@ -11,7 +11,7 @@
 
 ::-webkit-scrollbar-thumb {
     @include border-radius($border-rad * 2);
-    background: rgba(0, 0, 0, .4);
+    background: rgba(0, 0, 0, .2);
 }
 
 body {
diff --git a/webapp/sass/components/_search.scss b/webapp/sass/components/_search.scss
index a7ca8d540..d259cfc20 100644
--- a/webapp/sass/components/_search.scss
+++ b/webapp/sass/components/_search.scss
@@ -11,7 +11,7 @@
     padding: 12px 8px 0 0;
 }
 
-.glyphicon-refresh-animate {
+.icon--rotate {
     @include animation(spin .7s infinite linear);
 }
 
@@ -88,7 +88,7 @@
         }
     }
 
-    .glyphicon-refresh-animate {
+    .icon--refresh {
         @include opacity(0.5);
         position: absolute;
         right: 27px;