From 6b5e5e3a444f6bf72f52b03ea6a44cc62dd1b5e1 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 26 Feb 2019 09:36:45 -0300
Subject: [PATCH] style account status in header

---
 src/components/Header.module.scss | 5 +++++
 src/components/Header.tsx         | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/Header.module.scss b/src/components/Header.module.scss
index 4538491..d77aaf4 100644
--- a/src/components/Header.module.scss
+++ b/src/components/Header.module.scss
@@ -94,3 +94,8 @@
     color: $brand-pink;
     pointer-events: none;
 }
+
+.accountStatus {
+    margin-left: $spacer;
+    margin-bottom: .3rem;
+}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 543469f..225d5d3 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -28,7 +28,7 @@ const Header = () => (
                     </NavLink>
                 ))}
             </nav>
-            <AccountStatus />
+            <AccountStatus className={styles.accountStatus} />
         </div>
     </header>
 )