Improve button styling

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)}
                             >

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}
     >

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>