d4c55bb Fix alignment of seed address — radicle-explorer

Radicle web interface

Fix alignment of seed address

Alexis Sellier committed 4 years ago

commit d4c55bbbf4446a52e809bc582f1075fe1ec7051e
parent 7cbdbd594456b245063ce0c02f609489a9b3aab4

1 file changed +6 -10

modified src/SeedAddress.svelte

@@ -23,24 +23,20 @@

   .seed-address {
     display: inline-flex;
     font-size: 1rem;
     line-height: 2rem;
     color: var(--color-foreground-90);
     vertical-align: middle;
   }
   .seed-icon {
     width: 1rem;
     margin-right: 0.5rem;
   }
   .seed-address > * {
     vertical-align: middle;
   }
 </style>
 <div class="mobile">
   <button class="tiny faded" disabled={seedCopied} on:click={copySeed(id, host)}>
     {#if seedCopied}
       Copy ✓
     {:else}
       Copy
     {/if}
   </button>
 </div>
 <div class="desktop">
   <div class="seed-address">
     <span class="seed-icon">🌱</span>

@@ -48,7 +44,7 @@

     <span class="faded">:{port}</span>
   </div>
 </div>
 <div class="desktop">
 <div>
   <button class="tiny faded" disabled={seedCopied} on:click={copySeed(id, host)}>
     {#if seedCopied}
       Copy ✓