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

@@ -25,21 +25,17 @@ class BranchButtonGroup extends React.Component<Props> {
return (
<ButtonGroup>
<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("branch.commits")}
</span>
<span>{t("branch.commits")}</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("branch.sources")}
</span>
<span>{t("branch.sources")}</span>
</Button>
</ButtonGroup>
);