Ui improvements (#6089)

* PLT-6084 - Fixing emoji reaction overflow

* PLT-6158 - Fixing pinned badge alignment in RHS

* PLT-6306 - Post alignment in compact view

* PLT-6266 - Adjusting spacing for files (compact)

* PLT-6245 - Adjusting spacing in emoji screen modal

* PLT-6237 - Adjusting filter in system console

* PLT-6247 - Adjusting spacing on code block tag

* PLT-6302 - Margins not equal for paragraphs in post

1 files changed, 12 insertions, 8 deletions

diff --git a/webapp/sass/components/_emoticons.scss b/webapp/sass/components/_emoticons.scss
index cf8815a24..df4bbc158 100644
--- a/webapp/sass/components/_emoticons.scss
+++ b/webapp/sass/components/_emoticons.scss
@@ -240,6 +240,7 @@
         margin: 3px;
     }
 }
+
 .emojisprite-wrapper {
     cursor: pointer;
 }
@@ -247,30 +248,33 @@
 .emoji-picker__preview {
     border-top: 1px solid;
     display: table-cell;
-    vertical-align: middle;
     flex-grow: 0;
     flex-shrink: 0;
-    height:45px;
-    width: 278px;
+    height: 45px;
     padding: 3px 10px;
+    vertical-align: middle;
+    width: 278px;
 
     &.emoji-picker__preview-placeholder {
         padding: 12px;
     }
 
-    .emoji-picker__preview-image-box {
+    > div {
         display: table-cell;
         vertical-align: middle;
+    }
+
+    .emoji-picker__preview-image-box {
         height: 36px;
         width: 42px;
 
         .sprite-preview {
+            border: none;
+            display: inline-block;
             height: 36px;
-            width: 36px;
+            padding: 0;
             vertical-align: middle;
-            padding: 0px;
-            border: 0px;
-            display: inline-block;
+            width: 36px;
         }
     }