me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Adjust spacing between status icons

Browse source
This commit is contained in:
Spencer Alves 2018-05-31 21:55:44 -07:00
parent 7d2e6429c2
commit e5f25a73f2
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/javascript/flavours/glitch/components/status_icons.js
View file

@ -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}

7
app/javascript/flavours/glitch/styles/components/status.scss
View file

@ -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;
} }
} }