fix vertical alignment of icons in navigation

This commit is contained in:
Florian Scholdei
2019-06-12 15:23:11 +02:00
parent bb38e9e2b9
commit 467d0fd4ae
2 changed files with 4 additions and 2 deletions

View File

@@ -1,5 +1,6 @@
//@flow
import * as React from "react";
import classNames from "classnames";
import {Link, Route} from "react-router-dom";
// TODO mostly copy of PrimaryNavigationLink
@@ -28,7 +29,7 @@ class NavLink extends React.Component<Props> {
let showIcon = null;
if (icon) {
showIcon = (<><i className={icon} />{" "}</>);
showIcon = (<><i className={classNames(icon, "fa-fw")} />{" "}</>);
}
return (

View File

@@ -1,6 +1,7 @@
//@flow
import * as React from "react";
import { Link, Route } from "react-router-dom";
import classNames from "classnames";
type Props = {
to: string,
@@ -37,7 +38,7 @@ class SubNavigation extends React.Component<Props> {
return (
<li>
<Link className={this.isActive(route) ? "is-active" : ""} to={to}>
<i className={defaultIcon} /> {label}
<i className={classNames(defaultIcon, "fa-fw")} /> {label}
</Link>
{children}
</li>