From a54b0eb97599c0a4d705c0e8abe39e1c8f6204ef Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Fri, 14 May 2021 15:08:42 +0200
Subject: [PATCH] Move nav to left

---
 src/Header.svelte | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/Header.svelte b/src/Header.svelte
index 8c787733c..abc8756de 100644
--- a/src/Header.svelte
+++ b/src/Header.svelte
@@ -33,7 +33,7 @@
   header .nav {
     display: inline-block;
     height: 100%;
-    margin-right: 0.5rem;
+    margin-left: 1.5rem;
   }
   header .nav a {
     display: inline-block;
@@ -46,6 +46,10 @@
   header .nav a:hover {
     color: var(--color-foreground);
   }
+  header .left {
+    display: flex;
+    align-items: center;
+  }
   .error {
     text-align: center;
     color: var(--color-negative);
@@ -79,17 +83,18 @@
 {/if}
 
 <header>
-  <Logo />
-
-  <div>
-    <span class="nav">
+  <div class="left">
+    <Logo />
+    <div class="nav">
       <a use:link href="/register/">Register</a>
       <a use:link href="/vesting/">Vesting</a>
       {#if config.network.name === 'ropsten'}
         <a use:link href="/orgs/">Orgs</a>
       {/if}
-    </span>
+    </div>
+  </div>
 
+  <div>
     {#if address}
       <span class="balance">
         {formatBalance(tokenBalance)} <strong>RAD</strong>