From 81b60ab229f1bd49ce5d5042dfe373e8761b666b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Fri, 9 Sep 2022 16:31:17 +0200
Subject: [PATCH] Move register button to the right side in the header
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>
---
 src/Header.svelte | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/Header.svelte b/src/Header.svelte
index a95735d18..20d2a6a2f 100644
--- a/src/Header.svelte
+++ b/src/Header.svelte
@@ -52,17 +52,6 @@
     margin-left: 1.5rem;
     white-space: nowrap;
   }
-  header .nav .nav-link {
-    display: inline-block;
-    padding: 0.5rem 0.5rem;
-    margin-right: 1.5rem;
-    cursor: pointer;
-    user-select: none;
-    color: var(--color-foreground-6);
-  }
-  header .nav .nav-link:hover {
-    color: var(--color-foreground);
-  }
   header .nav .seeds-container {
     display: inline-block;
   }
@@ -105,6 +94,7 @@
     display: flex;
     align-items: center;
     border-radius: var(--border-radius-round);
+    margin-left: 2rem;
   }
   .network.unavailable {
     color: #888;
@@ -113,7 +103,16 @@
   .network:last-child {
     margin-right: 0;
   }
-
+  .register {
+    display: inline-block;
+    padding: 0.5rem 0.5rem;
+    cursor: pointer;
+    user-select: none;
+    color: var(--color-foreground-6);
+  }
+  .register:hover {
+    color: var(--color-foreground);
+  }
   .balance {
     margin: 0 2rem;
     white-space: nowrap;
@@ -165,8 +164,6 @@
       <Search />
     </div>
     <div class="nav">
-      <a use:link class="nav-link" href="/registrations">Register</a>
-
       {#if session && Object.keys(session.siwe).length > 0}
         <span class="seeds-container">
           <Floating>
@@ -181,6 +178,7 @@
   </div>
 
   <div class="right">
+    <a use:link class="register" href="/registrations">Register</a>
     {#if config && config.network.name === "rinkeby"}
       <span class="network">Rinkeby</span>
     {:else if config && config.network.name === "homestead"}