Progress

app/javascript/gabsocial/components/status_prepend.js

@@ -2,6 +2,8 @@ import { NavLink } from 'react-router-dom'
 import { injectIntl, defineMessages, FormattedMessage } from 'react-intl'
 import ImmutablePropTypes from 'react-immutable-proptypes'
 import ImmutablePureComponent from 'react-immutable-pure-component'
+import { compactMode } from '../initial_state'
+import { CX } from '../constants'
 import Icon from './icon'
 import Text from './text'
 
@@ -39,8 +41,16 @@ class StatusPrepend extends ImmutablePureComponent {
 
     const iconId = isFeatured ? 'pin' : isPromoted ? 'star' : 'repost'
 
+    const containerClasses = CX({
+      default: 1,
+      width100PC: 1,
+      alignItemsStart: 1,
+      borderBottom1PX: !compactMode,
+      borderColorSecondary: !compactMode,
+    })
+
     return (
-      <div className={[_s.default, _s.width100PC, _s.alignItemsStart, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
+      <div className={containerClasses}>
         <div className={[_s.default, _s.width100PC, _s.flexRow, _s.alignItemsCenter, _s.py5, _s.px15].join(' ')}>
           <Icon id={iconId} size='12px' className={[_s.fillSecondary, _s.mr5].join(' ')} />
           {