3469807 Styles fixes — radicle-explorer

modified public/index.css

@@ -74,7 +74,7 @@

 	--font-family-monospace: monospace;
 	--font-weight-medium: 600;
 	--font-weight-bold: 700;
 	--border-radius: 1rem;
 	--border-radius: 0.75rem;
 	--border-radius-small: 0.5rem;
 	--border-radius-round: 10rem;
 	--box-shadow-color: var(--color-secondary-2);

modified src/base/projects/Issue.svelte

@@ -20,9 +20,6 @@

 </script>
 <style>
   .issue {
     padding: 0 2rem 0 8rem;
   }
   header {
     padding: 1rem;
     background: var(--color-foreground-background-subtle);

@@ -32,7 +29,9 @@

   main {
     display: flex;
   }
   .issue {
     padding: 0 2rem 0 8rem;
   }
   .comments {
     flex: 1;
   }

modified src/base/projects/Patch.svelte

@@ -40,16 +40,14 @@

 </script>
 <style>
   .patch {
     padding: 0 2rem 0 8rem;
   }
   header {
     padding: 1rem;
     background: var(--color-foreground-background-subtle);
     border-radius: var(--border-radius-medium);
     margin-bottom: 2rem;
     border-radius: var(--border-radius);
   }
   .patch {
     padding: 0 2rem 0 8rem;
   }
   .summary {
     display: flex;
     justify-content: space-between;

modified src/base/projects/Patch/PatchFilter.svelte

@@ -15,18 +15,21 @@

   .filter {
     display: flex;
     flex-direction: row;
     gap: 1rem;
     margin: 1rem 0;
     border-radius: 0.25rem;
   }
   .state-toggle {
     cursor: pointer;
     color: var(--color-foreground-80);
     border-radius: var(--border-radius-small);
     font-family: var(--font-family-monospace);
     font-size: 0.75rem;
     padding: 0.25rem 0.5rem;
   }
   .state-toggle:hover {
   .state-toggle:hover:not([disabled]), .state-toggle.active {
     cursor: pointer;
     color: var(--color-foreground);
     background-color: var(--color-foreground-background);
   }
   .state-toggle[disabled], .state-toggle[disabled]:hover {
     cursor: not-allowed;

@@ -35,36 +38,30 @@

   .active {
     color: var(--color-foreground);
   }
   .separator {
     color: var(--color-foreground-faded);
     margin: 0 0.5rem;
   }
 </style>
 <div class="filter">
   <button
   <div
     class="unstyled state-toggle"
     on:click={() => state = "proposed"}
     disabled={sortedPatches.proposed.length === 0}
     class:active={state === "proposed"}>
     {sortedPatches.proposed.length} Proposed
   </button>
   <span class="separator">&middot;</span>
   <button
   </div>
   <div
     class="unstyled state-toggle"
     on:click={() => state = "draft"}
     disabled={sortedPatches.draft.length === 0}
     class:active={state === "draft"}>
     {sortedPatches.draft.length} Draft
   </button>
   <span class="separator">&middot;</span>
   <button
   </div>
   <div
     class="unstyled state-toggle"
     on:click={() => state = "archived"}
     disabled={sortedPatches.archived.length === 0}
     class:active={state === "archived"}>
     {sortedPatches.archived.length} Archived
   </button>
   </div>
 </div>
 {#if filteredPatches.length}

modified src/base/projects/Patch/PatchTabBar.svelte

@@ -32,27 +32,26 @@

 <style>
   .bar {
     padding: 1rem 0;
     border-bottom: solid 1px var(--color-background);
     margin: 1rem 0;
   }
   .tabs {
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 1rem;
   }
   .tab {
     color: var(--color-foreground-80);
     border-radius: var(--border-radius-small);
     font-family: var(--font-family-monospace);
     font-size: 0.75rem;
     padding: 0.25rem 0.5rem;
   }
   .tab:hover {
   .tab:hover, .tab.active {
     color: var(--color-foreground);
     background-color: var(--color-foreground-background);
     cursor: pointer;
   }
   .separator {
     color: var(--color-foreground-faded);
     margin: 0 0.5rem;
   }
   .active {
     color: var(--color-foreground);
     cursor: default !important;

@@ -77,13 +76,11 @@

       on:click={() => dispatch("switchTab", PatchTab.Timeline)}>
       Patch
     </div>
     <span class="separator">&middot;</span>
     <div
       class="tab" class:active={activeTab === PatchTab.Diff}
       on:click={() => dispatch("switchTab", PatchTab.Diff)}>
       Changeset
     </div>
     <span class="separator">&middot;</span>
     <div class="revision-toggle">
       <button
         class:tab={revisions.length > 1}

modified src/base/projects/Patches.svelte

@@ -26,7 +26,7 @@

     font-size: 0.875rem;
   }
   .patches-list {
     border-radius: var(--border-radius-medium);
     border-radius: var(--border-radius-small);
     overflow: hidden;
   }
   .teaser:not(:last-child) {