Merge pull request #394 from ashkitten/compressed-notifs

fix compressed notifications again (#393)

app/javascript/flavours/glitch/components/status.js

@@ -394,6 +394,7 @@ export default class Status extends ImmutablePureComponent {
           tabIndex='0'
         >
           <header className='status__info'>
+            <span>
               {prepend && account ? (
                 <StatusPrepend
                   type={prepend}
@@ -410,6 +411,7 @@ export default class Status extends ImmutablePureComponent {
                   parseClick={parseClick}
                 />
               ) : null}
+            </span>
             <StatusIcons
               status={status}
               mediaIcon={mediaIcon}

app/javascript/flavours/glitch/styles/components/status.scss

@@ -289,21 +289,24 @@
 .status__info__account .status__display-name {
   display: block;
   max-width: 100%;
-  padding-right: 25px;
 }
 
 .status__info {
-  position: relative;
+  display: flex;
   padding: 2px 0 5px;
   font-size: 15px;
   line-height: 24px;
+
+  > span {
+    overflow: hidden;
+  }
 }
 
 .status__info__icons {
-  position: absolute;
+  margin-left: auto;
+  display: flex;
+  align-items: baseline;
   color: lighten($ui-base-color, 26%);
-  top: 0;
-  right: 0;
 
   .status__visibility-icon {
     padding-left: 6px;