48b5c5b Fix small alignment issues — radicle-explorer

Radicle web interface

Fix small alignment issues

Rūdolfs Ošiņš committed 3 years ago

commit 48b5c5bf0719057e8e4a8d8584ee73698585d337
parent d690b0bda6016afdfa9e3019abf332ccef577214

3 files changed +15 -2

modified src/Markdown.svelte

@@ -70,7 +70,7 @@

     color: var(--color-foreground);
     border: 1px dashed var(--color-foreground-4);
     padding: 0.5rem;
     margin-bottom: 1.5rem;
     margin-bottom: 2rem;
   }
   .front-matter table {
     border-collapse: collapse;

@@ -241,6 +241,11 @@

     text-align: center;
     padding: 0.5rem 1rem;
   }
   .markdown > :global(*:first-child) {
     padding-top: 0 !important;
     margin-top: 0 !important;
   }
 </style>
 {#if content}

modified src/base/projects/Blob.svelte

@@ -138,6 +138,7 @@

       <div class="file-header">
         <span class="file-name">
           <span class="faded">{parentDir}</span>
           &#8203;
           <span>{blob.info.name}</span>
         </span>
         <div class="last-commit" title={lastCommit.author.name}>

modified src/base/seeds/View.svelte

@@ -78,6 +78,10 @@

   .inline {
     display: inline !important;
   }
   .seed-label {
     display: flex;
     align-items: center;
   }
   @media (max-width: 720px) {
     main {

@@ -145,7 +149,10 @@

       <SeedAddress {seed} port={seed.link.port} />
       <!-- Seed ID -->
       <div class="label">Seed ID</div>
       <div>{formatSeedId(seed.id)} <Clipboard small text={seed.id} /></div>
       <div class="seed-label">
         {formatSeedId(seed.id)}
         <Clipboard small text={seed.id} />
       </div>
       <div class="desktop" />
       <!-- API Port -->
       <div class="label">API Port</div>