Added Gab Deck initial mvp

• Added:
- Gab Deck initial mvp

app/javascript/gabsocial/components/notification.js

@@ -33,6 +33,7 @@ class Notification extends ImmutablePureComponent {
       statusId,
       isHidden,
       isUnread,
+      isCompact,
     } = this.props
     
     const count = !!accounts ? accounts.size : 0
@@ -92,7 +93,7 @@ class Notification extends ImmutablePureComponent {
 
     const containerClasses = CX({
       d: 1,
-      px10: 1,
+      px10: !isCompact,
       cursorPointer: 1,
       bgSubtle_onHover: !isUnread,
       highlightedComment: isUnread,
@@ -107,9 +108,12 @@ class Notification extends ImmutablePureComponent {
         <div className={[_s.d, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
           <div className={[_s.d, _s.flexRow, _s.my10, _s.py10, _s.px10].join(' ')}>
 
-            <Responsive min={BREAKPOINT_EXTRA_SMALL}>
-              <Icon id={icon} size='20px' className={[_s.cPrimary, _s.minW20PX, _s.mt5, _s.mr15].join(' ')} />
-            </Responsive>
+            {
+              !isCompact &&
+              <Responsive min={BREAKPOINT_EXTRA_SMALL}>
+                <Icon id={icon} size='20px' className={[_s.cPrimary, _s.minW20PX, _s.mt5, _s.mr15].join(' ')} />
+              </Responsive>
+            }
 
             <div className={[_s.d, _s.flexNormal].join(' ')}>
               <div className={[_s.d, _s.flexRow, _s.flexWrap].join(' ')}>
@@ -126,11 +130,11 @@ class Notification extends ImmutablePureComponent {
                 }
               </div>
               <div className={[_s.d, _s.pt5].join(' ')}>
-                <div className={[_s.d, _s.flexRow, _s.aiEnd].join(' ')}>
+                <div className={[_s.d, _s.displayInline].join(' ')}>
                   <div className={_s.text}>
                     {
                       accounts && accounts.slice(0, 1).map((account, i) => (
-                        <DisplayName key={i} account={account} noUsername />
+                        <DisplayName key={i} account={account} noUsername isInline />
                       ))
                     }
                   </div>
@@ -191,6 +195,7 @@ Notification.propTypes = {
   type: PropTypes.string.isRequired,
   isHidden: PropTypes.bool,
   isUnread: PropTypes.bool,
+  isCompact: PropTypes.bool,
 }
 
 export default injectIntl(Notification)