Fix alignment of nav bar items

src/molecules/AppBar.js

@@ -13,7 +13,7 @@ const AppBar = ({ brandLink, brandName, loginLink, logoutLink, userName }) => (
       {brandName}
     </Link>
 
-    <div>
+    <div className={classes.actions}>
       {userName && (
         <span className={classes.item}>
           <Icon size={16}>user</Icon>

src/molecules/AppBar.local.scss

@@ -30,6 +30,10 @@
   padding: 0 1rem;
 }
 
+.actions {
+  display: flex;
+}
+
 .username {
   margin-left: 0.3em;
 }