Minor 5.0 Bug fixes (#1305)

* MM-10811 - Fixing overflow on long posts

* Removing overflow from post-message

* Updating thread view

* MM-10848 - Updating username line-height

sass/layout/_headers.scss

@@ -561,7 +561,8 @@
             @include alpha-property(color, $white, .8);
             font-size: 14px;
             font-weight: 400;
-            line-height: 15px;
+            top: -3px;
+            position: relative;
         }
     }
 

sass/layout/_post.scss

@@ -785,7 +785,7 @@
         }
 
         .post-message {
-            overflow: initial;
+            overflow: inherit;
         }
 
         .post-message--collapsed + .post-image__columns {
@@ -1155,7 +1155,6 @@
     }
 
     .post__content {
-        @include clearfix;
         display: table;
         margin: 0 auto;
         padding: 0 5px;

sass/responsive/_tablet.scss

@@ -187,6 +187,40 @@
 
     .post {
         &.post--compact {
+            .post-message {
+                &.post-message--overflow {
+                    @include clearfix;
+                    margin-top: 22px;
+                }
+            }
+
+            &.same--root {
+                &.same--user {
+                    .post-message {
+                        &.post-message--overflow {
+                            margin-top: 0
+                        }
+                    }
+                }
+            }
+
+            &.post--comment {
+                &.other--root {
+                    .post-message {
+                        &.post-message--overflow {
+                            margin-top: 0
+                        }
+                    }
+                }
+            }
+
+            &.post--thread {
+                .post-message {
+                    &.post-message--overflow {
+                        margin-top: 0
+                    }
+                }
+            }
 
             .channel__wrap & {
                 .post__time {
@@ -215,10 +249,6 @@
             &:not(.post--thread) {
                 padding: 0 .5em 0 77px;
 
-                &.other--root {
-
-                }
-
                 .post__link {
                     margin: 3px 0 7px;
                     vertical-align: bottom;

utils/utils.jsx

@@ -632,7 +632,7 @@ export function applyTheme(theme) {
         changeCss('@media(max-width: 640px){.app__body .post .dropdown .dropdown-menu button', 'background:' + theme.centerChannelBg);
         changeCss('@media(min-width: 768px){.app__body .post:hover .post__header .col__reply, .app__body .post.post--hovered .post__header .col__reply', 'background:' + theme.centerChannelBg);
         changeCss('@media(max-width: 320px){.tutorial-steps__container', 'background:' + theme.centerChannelBg);
-        changeCss('.app__body .post.post--compact .post__body .post-reaction-list, .app__body .bg--white, .app__body .system-notice, .app__body .channel-header__info .channel-header__description:before, .app__body .app__content, .app__body .markdown__table, .app__body .markdown__table tbody tr, .app__body .suggestion-list__content, .app__body .modal .modal-content, .app__body .modal .modal-footer, .app__body .post.post--compact .post-image__column, .app__body .suggestion-list__divider > span, .app__body .status-wrapper .status, .app__body .alert.alert-transparent, .app__body .post-image__column', 'background:' + theme.centerChannelBg);
+        changeCss('.app__body .bg--white, .app__body .system-notice, .app__body .channel-header__info .channel-header__description:before, .app__body .app__content, .app__body .markdown__table, .app__body .markdown__table tbody tr, .app__body .suggestion-list__content, .app__body .modal .modal-content, .app__body .modal .modal-footer, .app__body .post.post--compact .post-image__column, .app__body .suggestion-list__divider > span, .app__body .status-wrapper .status, .app__body .alert.alert-transparent, .app__body .post-image__column', 'background:' + theme.centerChannelBg);
         changeCss('#post-list .post-list-holder-by-time, .app__body .post .dropdown-menu a', 'background:' + theme.centerChannelBg);
         changeCss('#post-create, .app__body .emoji-picker__preview', 'background:' + theme.centerChannelBg);
         changeCss('.app__body .date-separator .separator__text, .app__body .new-separator .separator__text', 'background:' + theme.centerChannelBg);
@@ -650,7 +650,7 @@ export function applyTheme(theme) {
         changeCss('.app__body .shortcut-key, .app__body .post-list__new-messages-below', 'color:' + theme.centerChannelBg);
         changeCss('.app__body .emoji-picker, .app__body .emoji-picker__search', 'background:' + theme.centerChannelBg);
         changeCss('.app__body .nav-tabs, .app__body .nav-tabs > li.active > a', 'background:' + theme.centerChannelBg);
-        changeCss('.app__body .post .post-image__columns, .app__body .post .file-view--single', `background:${theme.centerChannelBg}`);
+        changeCss('.app__body .post .file-view--single', `background:${theme.centerChannelBg}`);
 
         changeCss(
             '.app__body .post-list__table .post:not(.current--user) .post-collapse__gradient, ' +