From 26d63302a62358c6ff77b32945c0a3c5997409c2 Mon Sep 17 00:00:00 2001
From: Alf Eaton <eaton.alf@gmail.com>
Date: Tue, 5 Dec 2017 11:37:34 +0000
Subject: [PATCH] Fix alignment of nav bar items
---
src/molecules/AppBar.js | 2 +-
src/molecules/AppBar.local.scss | 4 ++++
2 files changed, 5 insertions(+), 1 deletion(-)
diff --git a/src/molecules/AppBar.js b/src/molecules/AppBar.js
index c1d562ab9..2601c8fb9 100644
--- a/src/molecules/AppBar.js
+++ b/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>
diff --git a/src/molecules/AppBar.local.scss b/src/molecules/AppBar.local.scss
index da3ccddf3..bfe123d50 100644
--- a/src/molecules/AppBar.local.scss
+++ b/src/molecules/AppBar.local.scss
@@ -30,6 +30,10 @@
padding: 0 1rem;
}
+.actions {
+ display: flex;
+}
+
.username {
margin-left: 0.3em;
}
--
GitLab