Bug fixes (#5218)

* PLT-5319 - Fixing text alignment security modal

* PLT-5280 - Fixing add comment button in RHS mobile

* PLT-5397 - Fixing Floating timestamp on mobile

* PLT-5129 - Hiding formatting help text

* PLT-5242 - Adjusting team sidebar border on IE!!

* PLT-5226 - Placing settings toggle over header

* PLT-5222 - Placed team description tooltip on top

* PLT-5201 - Account settings overlap on mobile

* PLT-5138 - Adding bg to pending post actions

* PLT-5286 - Adjusting play button on youtube videos

* PLT-5313 - Adjusting space between emoji reactions

* PLT-5187 - Adjusting text in channel switcher

* PLT-5399 - Reverting button alignment in modal

webapp/sass/layout/_headers.scss

@@ -275,8 +275,9 @@
         .sidebar-header-dropdown,
         .admin-navbar-dropdown {
             font-size: .85em;
-            position: absolute;
+            left: 0;
             margin-right: -15px;
+            position: absolute;
             right: 22px;
             top: 10px;
             z-index: 5;
@@ -287,16 +288,19 @@
                 @include single-transition(all, .1s, linear);
                 background: none;
                 color: $white;
-                float: right;
+                display: block;
                 font-size: 1em;
+                height: 40px;
+                left: 0;
                 line-height: 1.8;
                 padding: 10px;
+                width: 100%;
             }
 
             .dropdown-menu {
-                width: 199px;
-                margin-top: 4px;
                 margin-right: 3px;
+                margin-top: 4px;
+                width: 199px;
 
                 a {
                     overflow: hidden;
@@ -308,6 +312,7 @@
             .sidebar-header-dropdown__icon,
             .admin-navbar-dropdown__icon {
                 fill: $white;
+                float: right;
             }
         }
 

webapp/sass/layout/_post.scss

@@ -311,7 +311,7 @@
 
     &.scrolling {
         @include translateY(0);
-        @include opacity(.8);
+        @include opacity(.9);
     }
 
     &.rhs {
@@ -322,6 +322,7 @@
         @include border-radius(3px);
         @include font-smoothing(initial);
         background: $primary-color;
+        border: 1px solid;
         color: $white;
         display: inline-block;
         font-size: 12px;
@@ -585,6 +586,7 @@
                 top: 2px;
             }
         }
+
         .search-item-snippet {
             blockquote {
                 margin-top: 0;
@@ -1091,7 +1093,7 @@
         }
 
         .pending-post-actions {
-            background: alpha-property($black, .7);
+            background: alpha-color($black, .7);
             color: $white;
             font-size: .9em;
             padding: 5px 7px;
@@ -1111,6 +1113,42 @@
                 font-size: .87em;
             }
         }
+
+        .post-reaction-list {
+            min-height: 30px;
+        }
+
+        .post-reaction {
+            @include user-select(none);
+            @include border-radius(3px);
+            border: 1px solid $primary-color;
+            cursor: pointer;
+            display: inline-block;
+            font-size: 11px;
+            height: 23px;
+            margin-bottom: 5px;
+            margin-right: 5px;
+            padding: 0 4px 0 3px;
+
+            .post-reaction__emoji {
+                height: 16px;
+                margin: 2px 3px 0 0;
+                vertical-align: top;
+                width: 16px;
+            }
+
+            .post-reaction__count {
+                line-height: 10px;
+                position: relative;
+                top: 3px;
+            }
+
+            &--current-user {
+                .post-reaction__count {
+                    font-weight: 600;
+                }
+            }
+        }
     }
 
     .post__link {
@@ -1299,39 +1337,3 @@
     margin-left: 50px !important;
     min-width: 320px;
 }
-
-.post-reaction-list {
-    min-height: 30px;
-}
-
-.post-reaction {
-    @include user-select(none);
-    @include border-radius(3px);
-    border: 1px solid $primary-color;
-    cursor: pointer;
-    display: inline-block;
-    font-size: 11px;
-    height: 23px;
-    padding: 0 4px 0 3px;
-    margin-right: 5px;
-    margin-bottom: 5px;
-
-    .post-reaction__emoji {
-        height: 16px;
-        margin: 2px 3px 0 0;
-        vertical-align: top;
-        width: 16px;
-    }
-
-    .post-reaction__count {
-        line-height: 10px;
-        position: relative;
-        top: 3px;
-    }
-
-    &--current-user {
-        .post-reaction__count {
-            font-weight: 600;
-        }
-    }
-}

webapp/sass/layout/_team-sidebar.scss

@@ -21,6 +21,8 @@
                 width: 100%;
 
                 a {
+                    display: block;
+                    margin-left: 11px;
                     text-decoration: none;
                 }