PLT-5573 - Fixing emoticons (#5461)

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-top: -2px;
-    margin: 6px 6px 0 5px;
+    max-height: 20px;
+    max-width: 20px;
     padding: 0;
     text-align: center;
-    vertical-align: top;
+    vertical-align: middle;
-    width: 20px;
 }

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;