PLT-5868 - Redesigning compact view (#5821)

* PLT-5868 - Redesigning compact view

* Improvements to compact view

* Updating compact view

* Updating webhook styles

webapp/sass/responsive/_mobile.scss

@@ -257,6 +257,18 @@
         }
 
         &.post--compact {
+            .post__img {
+                padding-top: 0;
+            }
+
+            &.same--root {
+                &.same--user {
+                    .post__header {
+                        height: auto;
+                    }
+                }
+            }
+
             .status-wrapper {
                 &:after {
                     bottom: 3px;

webapp/sass/responsive/_tablet.scss

@@ -242,7 +242,7 @@
                     left: -79px;
                     position: absolute;
                     text-align: right;
-                    top: 6px;
+                    top: 3px;
                     width: 60px;
                 }
 
@@ -261,7 +261,7 @@
             }
 
             &:not(.post--thread) {
-                padding: 5px .5em 0 77px;
+                padding: 0 .5em 0 77px;
 
                 .post__link {
                     margin: 4px 0 7px;
@@ -271,7 +271,7 @@
                 span {
                     p {
                         &:last-child {
-                            margin-bottom: .3em;
+                            margin-bottom: 0;
                         }
                     }
                 }
@@ -336,7 +336,7 @@
             .flag-icon__container {
                 left: -21px;
                 position: absolute;
-                top: 7px;
+                top: 4px;
             }
 
             .sidebar--right & .flag-icon__container {
@@ -353,7 +353,7 @@
                     .flag-icon__container {
                         left: -19px;
                         position: absolute;
-                        top: 7px;
+                        top: 4px;
                     }
 
                     .post__header {
@@ -429,6 +429,7 @@
                         text-rendering: auto;
                         top: -2px;
                         width: 51px;
+
                         &:hover {
                             text-decoration: underline;
                         }