From 9a7453e20853c9fe347a17524e58a183afffcab8 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Mon, 10 Jul 2017 22:27:35 +0500
Subject: Minor UI updates (#6884)

---
 webapp/sass/components/_search.scss      |  4 ++--
 webapp/sass/components/_status-icon.scss |  8 ++++----
 webapp/sass/layout/_sidebar-left.scss    | 14 +++++++++-----
 webapp/sass/responsive/_mobile.scss      |  7 +++----
 4 files changed, 18 insertions(+), 15 deletions(-)

(limited to 'webapp')

diff --git a/webapp/sass/components/_search.scss b/webapp/sass/components/_search.scss
index e7fab0290..c9b8d4c02 100644
--- a/webapp/sass/components/_search.scss
+++ b/webapp/sass/components/_search.scss
@@ -78,8 +78,8 @@
         top: 27px;
 
         .search-bar__container & {
-            right: 7px;
-            top: 8px;
+            right: 12px;
+            top: 11px;
         }
     }
 }
diff --git a/webapp/sass/components/_status-icon.scss b/webapp/sass/components/_status-icon.scss
index 03d9d0705..022cffa69 100644
--- a/webapp/sass/components/_status-icon.scss
+++ b/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 & {
diff --git a/webapp/sass/layout/_sidebar-left.scss b/webapp/sass/layout/_sidebar-left.scss
index cc0c4920f..4be608803 100644
--- a/webapp/sass/layout/_sidebar-left.scss
+++ b/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;
-            line-height: 50px;
+            height: 45px;
+            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 {
diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss
index 28b28a8f9..f48c15b16 100644
--- a/webapp/sass/responsive/_mobile.scss
+++ b/webapp/sass/responsive/_mobile.scss
@@ -1021,9 +1021,8 @@
 
             .icon--refresh {
                 @include opacity(.6);
-                color: $black;
-                right: 30px;
-                top: 15px;
+                right: 16px;
+                top: 9px;
             }
 
             .form-control {
@@ -1075,7 +1074,7 @@
         }
 
         .nav-pills__container {
-            height: calc(100% - 60px);
+            height: calc(100% - 55px);
         }
 
         > div {
-- 
cgit v1.2.3-1-g7c22