From 0027becd10993210853933f44c4375b331b8f4f8 Mon Sep 17 00:00:00 2001
From: iamdoubz <>
Date: Sat, 11 Jul 2026 00:12:45 -0500
Subject: [PATCH] style(ui): polish Upload now / Save action items / provider
 select

Upload now and Save action items now use the existing .primary
solid-accent button style (with icons) instead of unstyled native
buttons; the AI provider dropdown gets real border/background/hover
states matching the app's other selects.
---
 src/lib/views/SummaryPanel.svelte | 40 +++++++++++++++++++++++--------
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/src/lib/views/SummaryPanel.svelte b/src/lib/views/SummaryPanel.svelte
index 737fbae..1309725 100644
--- a/src/lib/views/SummaryPanel.svelte
+++ b/src/lib/views/SummaryPanel.svelte
@@ -473,13 +473,14 @@
   {#if meetings.selected && settings.settings.sync_enabled}
     <h3><UploadCloud size={14} aria-hidden="true" /> Sync</h3>
     <button
-      class="upload-now"
+      class="primary upload-now"
       disabled={meetings.uploading}
       onclick={() => {
         const m = meetings.selected;
         if (m) meetings.uploadNow(m.id);
       }}
     >
+      <UploadCloud size={14} aria-hidden="true" />
       {meetings.uploading ? "Uploading…" : "Upload now"}
     </button>
     {#if meetings.syncJobs.length}
@@ -733,7 +734,8 @@
         </li>
       {/each}
     </ul>
-    <button onclick={saveActionItems} disabled={savingItems}>
+    <button class="primary" onclick={saveActionItems} disabled={savingItems}>
+      <Check size={14} aria-hidden="true" />
       {savingItems ? "Saving…" : "Save action items"}
     </button>
   {/if}
@@ -868,10 +870,6 @@
     gap: 0.5rem;
     margin: -0.3rem 0 0.6rem;
   }
-  .provider-select select {
-    font-size: 0.78rem;
-    padding: 0.25rem 0.4rem;
-  }
   .provider-badge {
     display: inline-flex;
     align-items: center;
@@ -899,9 +897,34 @@
     font-weight: 600;
     cursor: pointer;
   }
-  button.primary:hover {
+  button.primary:hover:not(:disabled) {
     background: var(--accent-hover);
   }
+  button.primary:disabled {
+    opacity: 0.5;
+    cursor: default;
+  }
+  .upload-now {
+    align-self: start;
+  }
+  .provider-select select {
+    display: inline-flex;
+    align-items: center;
+    border: 1px solid var(--border);
+    border-radius: var(--radius-sm);
+    background: var(--bg);
+    color: var(--fg);
+    font-size: 0.78rem;
+    padding: 0.3rem 0.5rem;
+    cursor: pointer;
+  }
+  .provider-select select:hover:not(:disabled) {
+    background: var(--bg-hover);
+  }
+  .provider-select select:disabled {
+    opacity: 0.6;
+    cursor: default;
+  }
   .muted {
     color: var(--muted);
     font-size: 0.85rem;
@@ -1052,9 +1075,6 @@
     font-size: 0.8rem;
     padding: 0;
   }
-  .upload-now {
-    align-self: start;
-  }
   .jobs {
     list-style: none;
     padding: 0;