fix icon-button alignment in address

2021-12-20 13:44:03 +01:00 · 2021-12-20 13:44:03 +01:00 · 32cf406128
parent 5e045cd85e
commit 32cf406128
1 changed files with 11 additions and 1 deletions
--- a/ui/src/components/Address.svelte
+++ b/ui/src/components/Address.svelte
@ -59,7 +59,11 @@
    {/if}
  </div>
  {#if banner && isFile}
-    <sl-icon-button name="arrow-up-right-circle" on:click="{nativeOpen}" title="Open in default application..." />
+    <sl-icon-button
+      name="arrow-up-right-circle"
+      on:click={nativeOpen}
+      title="Open in default application..."
+    />
  {/if}
 </div>

@ -101,4 +105,10 @@
  .resolving {
    opacity: 0.7;
  }
+
+  sl-icon-button {
+    &::part(base) {
+      padding: 0 .25em;
+    }
+  }
 </style>