Minor UI updates (#6884)

webapp/sass/components/_search.scss

@@ -78,8 +78,8 @@
         top: 27px;
 
         .search-bar__container & {
-            right: 7px;
+            right: 12px;
-            top: 8px;
+            top: 11px;
         }
     }
 }

webapp/sass/components/_status-icon.scss

@@ -49,14 +49,14 @@
 
     &.status--group {
         border-radius: 2px;
-        font-size: 11px;
+        font-size: 10px;
         font-weight: 600;
-        height: 16px;
+        height: 15px;
         left: 1px;
-        line-height: 15px;
+        line-height: 14px;
         margin: 0 9px 0 -1px;
         text-align: center;
-        top: -1px;
+        top: -2px;
         width: 15px;
 
         .mentions__name & {

webapp/sass/layout/_sidebar-left.scss

@@ -37,7 +37,7 @@
 
     .sidebar-item__name {
         display: inline-block;
-        max-width: 167px;
+        max-width: 160px;
         overflow: hidden;
         text-overflow: ellipsis;
         vertical-align: top;
@@ -81,8 +81,8 @@
             @include single-transition(all, .15s, ease-in);
             display: block;
             font-weight: 600;
-            height: 50px;
+            height: 45px;
-            line-height: 50px;
+            line-height: 40px;
             padding: 0;
             text-decoration: none;
             width: 100%;
@@ -144,7 +144,7 @@
 
     .nav-pills__container {
         -webkit-overflow-scrolling: touch;
-        height: calc(100% - 120px);
+        height: calc(100% - 115px);
         overflow: auto;
         position: relative;
     }
@@ -215,6 +215,10 @@
 
                 &.has-close {
                     &:hover {
+                        .sidebar-item__name {
+                            max-width: 152px;
+                        }
+
                         .btn-close {
                             @include opacity(.8);
                             display: block;
@@ -228,7 +232,7 @@
                         font-size: 21px;
                         font-weight: 600;
                         position: absolute;
-                        right: 18px;
+                        right: 15px;
                         top: 0px;
 
                         &:hover {

webapp/sass/responsive/_mobile.scss

@@ -1021,9 +1021,8 @@
 
             .icon--refresh {
                 @include opacity(.6);
-                color: $black;
+                right: 16px;
-                right: 30px;
+                top: 9px;
-                top: 15px;
             }
 
             .form-control {
@@ -1075,7 +1074,7 @@
         }
 
         .nav-pills__container {
-            height: calc(100% - 60px);
+            height: calc(100% - 55px);
         }
 
         > div {