From fb2102481866206a0b7738fa0d93193c3c1bc815 Mon Sep 17 00:00:00 2001
From: mariosemes <mario.semes@gmail.com>
Date: Thu, 26 Mar 2026 23:01:09 +0100
Subject: [PATCH] Make category name larger and left-align stores with category

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/client/src/routes/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/client/src/routes/+page.svelte b/src/client/src/routes/+page.svelte
index c264daf..90c9782 100644
--- a/src/client/src/routes/+page.svelte
+++ b/src/client/src/routes/+page.svelte
@@ -149,12 +149,12 @@
                   <span class="w-2 h-0.5 bg-white rounded-full"></span>
                 {/if}
               </span>
-              <span class="text-xs font-medium text-text-primary">{group.category.name}</span>
+              <span class="text-sm font-semibold text-text-primary">{group.category.name}</span>
               <span class="text-2xs text-text-tertiary">({group.stores.length})</span>
             </button>
 
             <!-- Store list -->
-            <div class="pl-6 space-y-0.5">
+            <div class="space-y-0.5">
               {#each group.stores as store}
                 <button
                   onclick={() => toggleStore(store.id)}