From 07d2cf48ebe49ff6c6de3740f557251b64b436dc Mon Sep 17 00:00:00 2001
From: Alexis Sellier <self@cloudhead.io>
Date: Wed, 21 Jul 2021 16:02:21 +0200
Subject: [PATCH] Improve icon display

---
 public/index.css           | 2 +-
 src/Icon.svelte            | 6 +++++-
 src/base/orgs/View.svelte  | 5 ++---
 src/base/users/View.svelte | 4 ++--
 4 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/public/index.css b/public/index.css
index f910138bf..4ea9b14fb 100644
--- a/public/index.css
+++ b/public/index.css
@@ -239,7 +239,7 @@ a.address {
 }
 
 input[type="text"], button {
-	line-height: 1.5em;
+	line-height: 1.6;
 }
 input[type="text"] {
 	outline: none;
diff --git a/src/Icon.svelte b/src/Icon.svelte
index 978376099..a0affd88d 100644
--- a/src/Icon.svelte
+++ b/src/Icon.svelte
@@ -2,6 +2,7 @@
   export let name: string;
   export let width: number | null = null;
   export let height: number | null = null;
+  export let inline: boolean = false;
 
   const icons = [
     {
@@ -22,10 +23,13 @@
   svg {
     fill: currentColor;
   }
+  svg.inline {
+    height: 1.6rem;
+  }
 </style>
 
 {#if svg}
-  <svg role="img" class={$$props.class}
+  <svg role="img" class={$$props.class} class:inline
        width={width || "1rem"}
        height={height || "1rem"}
        viewBox="0 0 {svg.size} {svg.size}">
diff --git a/src/base/orgs/View.svelte b/src/base/orgs/View.svelte
index 89b203acd..c10b8f762 100644
--- a/src/base/orgs/View.svelte
+++ b/src/base/orgs/View.svelte
@@ -86,7 +86,6 @@
     height: 64px;
   }
   .links {
-    height: 1.5rem;
     display: flex;
     align-items: center;
     justify-content: left;
@@ -149,12 +148,12 @@
               {/if}
               {#if profile.twitter}
                 <a class="url" href="https://twitter.com/{profile.twitter}">
-                  <Icon name="twitter" />
+                  <Icon name="twitter" inline />
                 </a>
               {/if}
               {#if profile.github}
                 <a class="url" href="https://github.com/{profile.github}">
-                  <Icon name="github" />
+                  <Icon name="github" inline />
                 </a>
               {/if}
             </div>
diff --git a/src/base/users/View.svelte b/src/base/users/View.svelte
index 629280ca2..44443f833 100644
--- a/src/base/users/View.svelte
+++ b/src/base/users/View.svelte
@@ -74,12 +74,12 @@
           {/if}
           {#if profile.twitter}
             <a class="url" href="https://twitter.com/{profile.twitter}">
-              <Icon name="twitter" />
+              <Icon name="twitter" inline />
             </a>
           {/if}
           {#if profile.github}
             <a class="url" href="https://github.com/{profile.github}">
-              <Icon name="github" />
+              <Icon name="github" inline />
             </a>
           {/if}
         </div>