Adjust spacing between status icons

master
Spencer Alves 7 years ago
parent 7d2e6429c2
commit e5f25a73f2
  1. 4
      app/javascript/flavours/glitch/components/status_icons.js
  2. 7
      app/javascript/flavours/glitch/styles/components/status.scss

@ -49,13 +49,13 @@ export default class StatusIcons extends React.PureComponent {
<div className='status__info__icons'> <div className='status__info__icons'>
{status.get('in_reply_to_id', null) !== null ? ( {status.get('in_reply_to_id', null) !== null ? (
<i <i
className={`fa fa-fw fa-comment`} className={`fa fa-fw fa-comment status__reply-icon`}
aria-hidden='true' aria-hidden='true'
/> />
) : null} ) : null}
{mediaIcon ? ( {mediaIcon ? (
<i <i
className={`fa fa-fw fa-${mediaIcon}`} className={`fa fa-fw fa-${mediaIcon} status__media-icon`}
aria-hidden='true' aria-hidden='true'
/> />
) : null} ) : null}

@ -331,8 +331,13 @@
height: 1em; height: 1em;
color: $action-button-color; color: $action-button-color;
.status__visibility-icon { .status__media-icon {
padding-left: 6px; padding-left: 6px;
padding-right: 1px;
}
.status__visibility-icon {
padding-left: 4px;
} }
} }

Loading…
Cancel
Save