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

webapp/sass/responsive/_tablet.scss

@@ -19,16 +19,18 @@
             width: 300px;
         }
     }
-    .post-right__scroll{
-        .post-create__container{
+
+    .post-right__scroll {
+        .post-create__container {
             .post-create-body {
                 .icon__emoji_picker {
-                    display:none;
+                    display: none;
                     top: -7px;
                 }
             }
         }
     }
+
     .post-create__container {
         form {
             padding: .5em 0 0;
@@ -262,8 +264,12 @@
             &:not(.post--thread) {
                 padding: 0 .5em 0 77px;
 
+                &.other--root {
+
+                }
+
                 .post__link {
-                    margin: 4px 0 7px;
+                    margin: 3px 0 7px;
                     vertical-align: bottom;
                 }
 
@@ -278,7 +284,7 @@
                 .post__header {
                     float: left;
                     height: 21px;
-                    padding-top: 3px;
+                    padding-top: 2px;
 
                     .col__name {
                         font-weight: bold;
@@ -298,14 +304,6 @@
                 }
 
                 &.other--root {
-                    .post__body {
-                        > div {
-                            &:first-child {
-                                min-height: 21px;
-                            }
-                        }
-                    }
-
                     .post__link + .post__body {
                         clear: both;
                     }
@@ -422,11 +420,11 @@
                         display: inline-block;
                         font-size: 11px;
                         left: -14px;
-                        line-height: 34px;
+                        line-height: 20px;
                         position: absolute;
                         text-align: right;
                         text-rendering: auto;
-                        top: -2px;
+                        top: 4px;
                         width: 51px;
 
                         &:hover {