fixed status display in workspace content list

src/component/Workspace/ContentItem.jsx

@@ -21,12 +21,10 @@ const ContentItem = props => {
         <BtnExtandedAction onClickExtendedAction={props.onClickExtendedAction} />
       </div>
 
-      <div className={classnames('content__status d-flex align-items-center justify-content-start')} style={{color: status.hexcolor}}>
-        <div className='content__status__icon d-block '>
-          <i className={`fa fa-fw fa-${status.fa_icon}`} />
-        </div>
+      <div className={classnames('content__status')} style={{color: status.hexcolor}}>
         <div className='content__status__text d-none d-xl-block'>
           {status.label}
+          <i className={`fa fa-fw fa-${status.faIcon}`} />
         </div>
       </div>
     </div>

src/css/ContentItem.styl

@@ -37,11 +37,9 @@
       margin-right 10px
       font-size 17px
   &__status
-    display flex
-    justify-content space-between
-    flex-grow 0
-    padding 0 15px
     width 180px
+    padding 0 15px
+    text-align center
     &__text
       margin-left 15px
       font-size 20px