centered button icons on mobile view when if text should not be displayed

This commit is contained in:
Florian Scholdei
2019-04-18 18:07:13 +02:00
parent ba3557fbb6
commit 4eb08770b7
5 changed files with 62 additions and 35 deletions

View File

@@ -23,21 +23,17 @@ class ChangesetButtonGroup extends React.Component<Props> {
return (
<ButtonGroup className="is-pulled-right">
<Button link={changesetLink}>
<Button link={changesetLink} className="reduced-mobile">
<span className="icon">
<i className="fas fa-exchange-alt" />
</span>
<span className="is-hidden-mobile is-hidden-tablet-only">
{t("changeset.buttons.details")}
</span>
<span>{t("changeset.buttons.details")}</span>
</Button>
<Button link={sourcesLink}>
<Button link={sourcesLink} className="reduced-mobile">
<span className="icon">
<i className="fas fa-code" />
</span>
<span className="is-hidden-mobile is-hidden-tablet-only">
{t("changeset.buttons.sources")}
</span>
<span>{t("changeset.buttons.sources")}</span>
</Button>
</ButtonGroup>
);