Improve icon display

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;

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}">

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>

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>