From 240b203ec0c0c5a45e7a433fdb68f246d5a1f59d Mon Sep 17 00:00:00 2001
From: Niels Simenon <niels.simenon@gmail.com>
Date: Sun, 8 Mar 2020 04:31:19 +0100
Subject: [PATCH] Realigned header items.

---
 assets/components/header/header.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/assets/components/header/header.vue b/assets/components/header/header.vue
index 117e7f24..de8632cc 100644
--- a/assets/components/header/header.vue
+++ b/assets/components/header/header.vue
@@ -1,6 +1,6 @@
 <template>
     <header class="header">
-        <div>
+        <div class="header-nav">
             <router-link
                 to="/home"
                 class="logo-link"
@@ -106,6 +106,11 @@ export default {
     font-size: 0;
 }
 
+.header-nav {
+    display: flex;
+    align-items: center;
+}
+
 .logo-link {
     color: inherit;
     display: inline-block;
@@ -114,8 +119,8 @@ export default {
 
 .logo {
     display: inline-block;
-    padding: 0 0 0 1rem;
-    margin: 0 .5rem 0 0;
+    padding: .75rem 0 .75rem 1rem;
+    margin: 0 1rem 0 0;
 
     .icon {
         width: 6rem;