treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Adjust spacing between status icons

lolsob-rspec
Spencer Alves 2018-05-31 21:55:44 -07:00
parent c86cd2041d
commit 559ce5c098
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;
} }
} }