From 22118fafc8650214a3de13cf0cfa5a698b0e9a4a Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Mon, 20 Feb 2017 07:10:54 +0500
Subject: PLT-5573 - Fixing emoticons (#5461)

---
 webapp/sass/components/_emoticons.scss | 15 +++++++++++----
 webapp/sass/layout/_post.scss          |  1 -
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/webapp/sass/components/_emoticons.scss b/webapp/sass/components/_emoticons.scss
index c5c4ca936..43d2e8ece 100644
--- a/webapp/sass/components/_emoticons.scss
+++ b/webapp/sass/components/_emoticons.scss
@@ -19,13 +19,20 @@
     height: 30px;
     line-height: 30px;
     width: 100%;
+
+    > div {
+        &:first-child {
+            text-align: center;
+            width: 30px;
+        }
+    }
 }
 
 .emoticon-suggestion__image {
-    height: 20px;
-    margin: 6px 6px 0 5px;
+    margin-top: -2px;
+    max-height: 20px;
+    max-width: 20px;
     padding: 0;
     text-align: center;
-    vertical-align: top;
-    width: 20px;
+    vertical-align: middle;
 }
diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss
index 6afcf099a..6f148cd7e 100644
--- a/webapp/sass/layout/_post.scss
+++ b/webapp/sass/layout/_post.scss
@@ -1137,7 +1137,6 @@
             padding: 0 4px 0 3px;
 
             .post-reaction__emoji {
-                height: auto;
                 margin: 2px 3px 0 0;
                 max-height: 16px;
                 max-width: 16px;
-- 
cgit v1.2.3-1-g7c22