From d4c55bbbf4446a52e809bc582f1075fe1ec7051e Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Fri, 14 Jan 2022 18:30:20 +0100
Subject: [PATCH] Fix alignment of seed address

Signed-off-by: Alexis Sellier <self@cloudhead.io>
---
 src/SeedAddress.svelte | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/SeedAddress.svelte b/src/SeedAddress.svelte
index beb628d91..2ce6d6ec6 100644
--- a/src/SeedAddress.svelte
+++ b/src/SeedAddress.svelte
@@ -23,24 +23,20 @@
   .seed-address {
     display: inline-flex;
     font-size: 1rem;
+    line-height: 2rem;
     color: var(--color-foreground-90);
+    vertical-align: middle;
   }
   .seed-icon {
     width: 1rem;
     margin-right: 0.5rem;
   }
+  .seed-address > * {
+    vertical-align: middle;
+  }
 </style>
 
 
-<div class="mobile">
-  <button class="tiny faded" disabled={seedCopied} on:click={copySeed(id, host)}>
-    {#if seedCopied}
-      Copy ✓
-    {:else}
-      Copy
-    {/if}
-  </button>
-</div>
 <div class="desktop">
   <div class="seed-address">
     <span class="seed-icon">🌱</span>
@@ -48,7 +44,7 @@
     <span class="faded">:{port}</span>
   </div>
 </div>
-<div class="desktop">
+<div>
   <button class="tiny faded" disabled={seedCopied} on:click={copySeed(id, host)}>
     {#if seedCopied}
       Copy ✓