Vertical alignment for navigation icon

trendmicro-frontend · Dec 15, 2017 · 969b7a3 · 969b7a3
1 parent 1fc3992
commit 969b7a3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/examples/Default/index.jsx b/examples/Default/index.jsx
@@ -55,31 +55,31 @@ export default class extends PureComponent {
                     <SideNav.Nav defaultSelected={selected}>
                         <NavItem eventKey="home">
                             <NavIcon>
-                                <i className="fa fa-fw fa-home" style={{ fontSize: '1.75em' }} />
+                                <i className="fa fa-fw fa-home" style={{ fontSize: '1.75em', verticalAlign: 'middle' }} />
                             </NavIcon>
                             <NavText style={{ paddingRight: 32 }}>
                                 Home
                             </NavText>
                         </NavItem>
                         <NavItem eventKey="devices">
                             <NavIcon>
-                                <i className="fa fa-fw fa-line-chart" style={{ fontSize: '1.75em' }} />
+                                <i className="fa fa-fw fa-line-chart" style={{ fontSize: '1.75em', verticalAlign: 'middle' }} />
                             </NavIcon>
                             <NavText style={{ paddingRight: 32 }}>
                                 Devices
                             </NavText>
                         </NavItem>
                         <NavItem eventKey="reports">
                             <NavIcon>
-                                <i className="fa fa-fw fa-list-alt" style={{ fontSize: '1.75em' }} />
+                                <i className="fa fa-fw fa-list-alt" style={{ fontSize: '1.75em', verticalAlign: 'middle' }} />
                             </NavIcon>
                             <NavText style={{ paddingRight: 32 }}>
                                 Reports
                             </NavText>
                         </NavItem>
                         <NavItem eventKey="settings">
                             <NavIcon>
-                                <i className="fa fa-fw fa-cogs" style={{ fontSize: '1.5em' }} />
+                                <i className="fa fa-fw fa-cogs" style={{ fontSize: '1.5em', verticalAlign: 'middle' }} />
                             </NavIcon>
                             <NavText style={{ paddingRight: 32 }}>
                                 Settings

diff --git a/examples/Styled/index.jsx b/examples/Styled/index.jsx
@@ -127,23 +127,23 @@ export default class extends PureComponent {
                     >
                         <NavItem eventKey="home">
                             <NavIcon>
-                                <i className="fa fa-fw fa-home" style={{ fontSize: '1.75em' }} />
+                                <i className="fa fa-fw fa-home" style={{ fontSize: '1.75em', verticalAlign: 'middle' }} />
                             </NavIcon>
                             <NavText style={{ paddingRight: 32 }}>
                                 HOME
                             </NavText>
                         </NavItem>
                         <NavItem eventKey="devices">
                             <NavIcon>
-                                <i className="fa fa-fw fa-line-chart" style={{ fontSize: '1.75em' }} />
+                                <i className="fa fa-fw fa-line-chart" style={{ fontSize: '1.75em', verticalAlign: 'middle' }} />
                             </NavIcon>
                             <NavText style={{ paddingRight: 32 }}>
                                 DEVICES
                             </NavText>
                         </NavItem>
                         <NavItem eventKey="reports">
                             <NavIcon>
-                                <i className="fa fa-fw fa-list-alt" style={{ fontSize: '1.75em' }} />
+                                <i className="fa fa-fw fa-list-alt" style={{ fontSize: '1.75em', verticalAlign: 'middle' }} />
                             </NavIcon>
                             <NavText style={{ paddingRight: 32 }}>
                                 REPORTS