From d07fe9f7edbc33924481c999e9ea90a3fb1947eb Mon Sep 17 00:00:00 2001
From: Dominic Ferrando <dominicf2001@gmail.com>
Date: Fri, 17 Jul 2026 15:48:41 -0400
Subject: [PATCH] Improve button styling

---
 .../src/routes/(app)/activity/events/+page.svelte  | 12 ++++++++----
 .../src/routes/(app)/apparel/orders/+page.svelte   | 10 +++++++---
 .../src/routes/(app)/apparel/products/+page.svelte | 14 +++++++++-----
 3 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/apps/portal/src/routes/(app)/activity/events/+page.svelte b/apps/portal/src/routes/(app)/activity/events/+page.svelte
index 5d900f8..058d376 100644
--- a/apps/portal/src/routes/(app)/activity/events/+page.svelte
+++ b/apps/portal/src/routes/(app)/activity/events/+page.svelte
@@ -141,21 +141,25 @@
         <option value="resolved">Resolved</option>
     </select>
 
-    <button class="btn btn-sm" onclick={refresh} disabled={loading}>
+    <button
+        class="btn btn-secondary btn-sm"
+        onclick={refresh}
+        disabled={loading}
+    >
         {loading ? "Refreshing..." : "Refresh"}
     </button>
 
     <div class="flex-1"></div>
 
     <button
-        class="btn btn-sm"
+        class="btn btn-neutral btn-sm"
         onclick={prevPage}
         disabled={offset === 0 || loading}
     >
         Prev
     </button>
     <button
-        class="btn btn-sm"
+        class="btn btn-neutral btn-sm"
         onclick={nextPage}
         disabled={events.length < LIMIT || loading}
     >
@@ -230,7 +234,7 @@
                     <td>
                         {#if event.status === "failed"}
                             <button
-                                class="btn btn-xs"
+                                class="btn btn-primary btn-xs"
                                 disabled={retryingIds.includes(event.id)}
                                 onclick={() => retry(event.id)}
                             >
diff --git a/apps/portal/src/routes/(app)/apparel/orders/+page.svelte b/apps/portal/src/routes/(app)/apparel/orders/+page.svelte
index ac766ac..23060d4 100644
--- a/apps/portal/src/routes/(app)/apparel/orders/+page.svelte
+++ b/apps/portal/src/routes/(app)/apparel/orders/+page.svelte
@@ -54,21 +54,25 @@
 </script>
 
 <div class="w-full flex items-center gap-2 flex-wrap mt-10 mb-5">
-    <button class="btn btn-sm" onclick={refresh} disabled={loading}>
+    <button
+        class="btn btn-secondary btn-sm"
+        onclick={refresh}
+        disabled={loading}
+    >
         {loading ? "Refreshing..." : "Refresh"}
     </button>
 
     <div class="flex-1"></div>
 
     <button
-        class="btn btn-sm"
+        class="btn btn-neutral btn-sm"
         onclick={prevPage}
         disabled={offset === 0 || loading}
     >
         Prev
     </button>
     <button
-        class="btn btn-sm"
+        class="btn btn-neutral btn-sm"
         onclick={nextPage}
         disabled={orders.length < LIMIT || loading}
     >
diff --git a/apps/portal/src/routes/(app)/apparel/products/+page.svelte b/apps/portal/src/routes/(app)/apparel/products/+page.svelte
index 72f3ca9..0e1187f 100644
--- a/apps/portal/src/routes/(app)/apparel/products/+page.svelte
+++ b/apps/portal/src/routes/(app)/apparel/products/+page.svelte
@@ -106,7 +106,7 @@
     <button
         disabled={synchronizer.isInProgress}
         onclick={() => synchronizer.syncAll()}
-        class="btn btn-xl"
+        class="btn btn-primary btn-sm"
     >
         {#if synchronizer.isInProgress}
             Syncing...
@@ -115,21 +115,25 @@
         {/if}
     </button>
 
-    <button class="btn btn-sm" onclick={refresh} disabled={loading}>
+    <button
+        class="btn btn-secondary btn-sm"
+        onclick={refresh}
+        disabled={loading}
+    >
         {loading ? "Refreshing..." : "Refresh"}
     </button>
 
     <div class="flex-1"></div>
 
     <button
-        class="btn btn-sm"
+        class="btn btn-neutral btn-sm"
         onclick={prevPage}
         disabled={offset === 0 || loading}
     >
         Prev
     </button>
     <button
-        class="btn btn-sm"
+        class="btn btn-neutral btn-sm"
         onclick={nextPage}
         disabled={products.length < LIMIT || loading}
     >
@@ -184,7 +188,7 @@
                             disabled={synchronizer.status === "processing"}
                             onclick={() =>
                                 synchronizer.sync(product.pProduct.id)}
-                            class="btn"
+                            class="btn btn-primary btn-xs"
                         >
                             Sync
                         </button>