From 22437fcf4f2aefd8da9849cb7a56a24fe0fc775d Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Mon, 17 Jan 2022 16:31:47 +0100
Subject: [PATCH] Make small improvements to seed page

Signed-off-by: Alexis Sellier <self@cloudhead.io>
---
 public/index.css                      | 2 +-
 src/Icon.svelte                       | 5 +++--
 src/base/projects/Header.svelte       | 1 +
 src/base/projects/PeerSelector.svelte | 3 ++-
 src/base/seeds/View.svelte            | 2 +-
 5 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/public/index.css b/public/index.css
index 58b0dfdd6..b248bb75b 100644
--- a/public/index.css
+++ b/public/index.css
@@ -78,7 +78,7 @@
 body {
 	font-size: 16px;
 	font-weight: 400;
-	line-height: 1.6;
+	line-height: 1.5;
 	min-width: var(--content-min-width);
 	height: 100%;
 	margin: 0;
diff --git a/src/Icon.svelte b/src/Icon.svelte
index 7475ce387..fe58f9160 100644
--- a/src/Icon.svelte
+++ b/src/Icon.svelte
@@ -28,7 +28,8 @@
     },
     {
       name: "fork",
-      size: 17,
+      size: 16,
+      offset: { x: -1, y: 0 },
       data: `<circle cx="6.5" cy="13.5" r="2" stroke="#5555FF"/><circle cx="10.5" cy="2.5" r="2" stroke="#5555FF"/><circle cx="2.5" cy="2.5" r="2" stroke="#5555FF"/><path d="M6.5 11.5C6.5 7 2.5 8 2.5 5.5C2.5 3.9 2.5 4.66667 2.5 4" stroke="#5555FF"/><path d="M6.5 11.5C6.5 7 10.5 8 10.5 5.5C10.5 3.9 10.5 4.66667 10.5 4" stroke="#5555FF"/>`
     }
   ];
@@ -48,7 +49,7 @@
   <svg role="img" class={$$props.class} class:inline class:fill
        width={width || "1rem"}
        height={height || "1rem"}
-       viewBox="0 0 {svg.size} {svg.size}">
+       viewBox="{svg.offset?.x || 0} {svg.offset?.y || 0} {svg.size} {svg.size}">
     {@html svg.data}
   </svg>
 {/if}
diff --git a/src/base/projects/Header.svelte b/src/base/projects/Header.svelte
index bea38cbc7..efe964f7a 100644
--- a/src/base/projects/Header.svelte
+++ b/src/base/projects/Header.svelte
@@ -192,6 +192,7 @@
   .stat {
     font-family: var(--font-family-monospace);
     padding: 0.5rem 0.75rem;
+    height: 2.125rem;
     background: var(--color-foreground-background);
   }
   .stat.active {
diff --git a/src/base/projects/PeerSelector.svelte b/src/base/projects/PeerSelector.svelte
index 9638bc29f..c83f06e23 100644
--- a/src/base/projects/PeerSelector.svelte
+++ b/src/base/projects/PeerSelector.svelte
@@ -58,6 +58,7 @@
     align-items: center;
     font-family: var(--font-family-monospace);
     padding: 0.5rem 0.75rem;
+    height: 2.125rem;
     background: var(--color-foreground-background);
   }
   @media (max-width: 720px) {
@@ -71,7 +72,7 @@
 <div class="selector">
   <span>
     <div on:click={() => toggleDropdown("peer")} class="stat peer" class:not-allowed={!peers}>
-      <Icon name="fork" width={25} height={17} />
+      <Icon name="fork" width={15} height={15} />
       {#if peer}
         {formatSeedId(peer)}
       {/if}
diff --git a/src/base/seeds/View.svelte b/src/base/seeds/View.svelte
index 68f67fb97..f2aeda685 100644
--- a/src/base/seeds/View.svelte
+++ b/src/base/seeds/View.svelte
@@ -86,7 +86,7 @@
       <div class="info">
         <span class="title">
           <span class="bold">
-            {seedAddress}
+            🌱 {seedAddress}
           </span>
         </span>
       </div>