From 4ef5c1bfb335e41e06e6fb0f0d9d99838ea064e6 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Tue, 16 Aug 2016 23:54:11 +0500
Subject: Multiple UI Improvements (#3804)

* PLT-3834 - Updating Manage members modal for mobile

* PLT-3792 - Making compact view compatible with search and flagged posts RHS

* PLT-3910 - Improving suggestions separator

* PLT-3769 - Enabling markdown headings in compact view

* Updating view members text in en..json

* Removing shouldcomponentupdate from search_results_item.jsx
---
 webapp/sass/components/_mentions.scss        | 15 +++++++--------
 webapp/sass/components/_suggestion-list.scss | 11 ++++++-----
 2 files changed, 13 insertions(+), 13 deletions(-)

(limited to 'webapp/sass/components')

diff --git a/webapp/sass/components/_mentions.scss b/webapp/sass/components/_mentions.scss
index 17f67d080..5df6e4431 100644
--- a/webapp/sass/components/_mentions.scss
+++ b/webapp/sass/components/_mentions.scss
@@ -13,10 +13,9 @@
     @include clearfix;
     cursor: pointer;
     font-size: 13px;
-    height: 39px;
-    line-height: 35px;
+    line-height: 20px;
     margin: 0;
-    padding: 3px 8px;
+    padding: 6px 10px;
     position: relative;
     white-space: nowrap;
     width: 100%;
@@ -30,14 +29,14 @@
 }
 
 .mention__image {
-    @include border-radius(32px);
+    @include border-radius(20px);
     display: block;
-    font-size: 20px;
-    height: 32px;
-    line-height: 36px;
+    font-size: 15px;
+    height: 20px;
+    line-height: 20px;
     margin-right: 6px;
     text-align: center;
-    width: 32px;
+    width: 20px;
 
     .mention--align {
         display: inline-block;
diff --git a/webapp/sass/components/_suggestion-list.scss b/webapp/sass/components/_suggestion-list.scss
index c995d5ebf..3fdff10d5 100644
--- a/webapp/sass/components/_suggestion-list.scss
+++ b/webapp/sass/components/_suggestion-list.scss
@@ -17,6 +17,7 @@
     max-height: 292px;
     overflow-x: hidden;
     overflow-y: scroll;
+    padding-bottom: 5px;
     width: 100%;
 
     .command {
@@ -47,7 +48,7 @@
 
 .suggestion-list__divider {
     line-height: 21px;
-    margin: 5px 0px 0px 5px;
+    margin: 5px 0 5px 5px;
     position: relative;
 
     &:first-child {
@@ -55,10 +56,10 @@
     }
 
     > span {
-        color: rgba(51,51,51,0.7);
-        background: #f2f4f8;
+        @include opacity(.7);
         display: inline-block;
-        padding-right: 10px;
+        font-size: .9em;
+        padding: 0 10px 0 5px;
         position: relative;
         z-index: 5;
     }
@@ -70,7 +71,7 @@
         height: 1px;
         left: 0;
         position: absolute;
-        top: 10px;
+        top: 11px;
         width: 100%;
     }
 }
-- 
cgit v1.2.3-1-g7c22