forked from treehouse/mastodon
Adjust spacing between status icons
parent
7d2e6429c2
commit
e5f25a73f2
|
@ -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…
Reference in New Issue