Make small improvements to seed page

Signed-off-by: Alexis Sellier <self@cloudhead.io>

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;

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}

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 {

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}

src/base/seeds/View.svelte

@@ -86,7 +86,7 @@
       <div class="info">
         <span class="title">
           <span class="bold">
-            {seedAddress}
+            🌱 {seedAddress}
           </span>
         </span>
       </div>