Refactor icon component

Signed-off-by: Rūdolfs Ošiņš <rudolfs@osins.org>

src/base/projects/Commit/CommitTeaser.svelte

@@ -97,7 +97,7 @@
     <CommitVerifiedBadge {commit} />
     <span class="secondary hash">{formatCommit(commit.header.sha1)}</span>
     <div class="browse" title="View file" on:click|stopPropagation={() => browseCommit(commit.header.sha1)}>
-      <Icon name="browse" width={17} inline fill />
+      <Icon name="browse" />
     </div>
   </div>
 </div>

src/base/projects/PeerSelector.svelte

@@ -38,7 +38,7 @@
   }
   .selector .peer {
     cursor: pointer;
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem;
     color: var(--color-secondary);
     background-color: var(--color-secondary-background);
     border-radius: var(--border-radius-small);
@@ -60,7 +60,7 @@
     display: flex;
     align-items: center;
     font-family: var(--font-family-monospace);
-    padding: 0.5rem 0.75rem;
+    padding: 0.5rem;
     height: 2.125rem;
     background: var(--color-foreground-background);
   }
@@ -69,7 +69,7 @@
 <Floating>
   <div slot="toggle" class="selector">
     <div class="stat peer" class:not-allowed={!peers}>
-      <Icon name="fork" width={15} height={15} />
+      <Icon name="fork" />
       {#if meta}
         <span class="peer-id">
           {meta.person?.name ?? formatSeedId(meta.id)}

src/base/projects/SourceBrowser/FileDiff.svelte

@@ -146,7 +146,9 @@
       {/if}
     </div>
     <div class="browse clickable" on:click|stopPropagation={() => dispatch("browse", file.path)}>
-      <Icon name="browse" title="View file" width={20} inline fill />
+      <span title="View file" style="transform: scale(1.25);">
+        <Icon name="browse" />
+      </span>
     </div>
   </header>
   {#if !collapsed}