Merge branch 'app-bar-flex' into 'master'

Fix alignment of nav bar items

See merge request xpub/xpub!60

packages/xpub-ui/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>

packages/xpub-ui/src/molecules/AppBar.local.scss

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

packages/xpub-ui/test/__snapshots__/AppBar.test.js.snap

@@ -11,7 +11,9 @@ exports[`AppBar Snapshot 1`] = `
   >
     some brand
   </a>
-  <div>
+  <div
+    className="actions"
+  >
     <span
       className="item"
     >