From 02510caf18c05b9f194c49f43a8bbee97ca3193b Mon Sep 17 00:00:00 2001
From: Richie <richie.phillips@proton.me>
Date: Tue, 31 Mar 2026 17:24:11 +1100
Subject: [PATCH] Match sort button size to filters, more spacing above results
 count
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Sort button: remove fontSize override so it inherits Button small size
- Results count: mt 2 → 3 for more breathing room below controls

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/pages/ProvidersStep/ProvidersStep.tsx | 4 ++--
 src/components/pages/VenueStep/VenueStep.tsx         | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/pages/ProvidersStep/ProvidersStep.tsx b/src/components/pages/ProvidersStep/ProvidersStep.tsx
index b7465c8..499fe54 100644
--- a/src/components/pages/ProvidersStep/ProvidersStep.tsx
+++ b/src/components/pages/ProvidersStep/ProvidersStep.tsx
@@ -609,7 +609,7 @@ export const ProvidersStep: React.FC<ProvidersStepProps> = ({
               startIcon={<SwapVertIcon sx={{ fontSize: 16 }} />}
               onClick={(e) => setSortAnchor(e.currentTarget)}
               aria-haspopup="listbox"
-              sx={{ fontSize: '0.75rem', textTransform: 'none' }}
+              sx={{ textTransform: 'none' }}
             >
               {SORT_OPTIONS.find((o) => o.value === sortBy)?.label ?? 'Sort'}
             </Button>
@@ -641,7 +641,7 @@ export const ProvidersStep: React.FC<ProvidersStepProps> = ({
         <Typography
           variant="caption"
           color="text.secondary"
-          sx={{ mt: 2, display: 'block' }}
+          sx={{ mt: 3, display: 'block' }}
           aria-live="polite"
         >
           {providers.length} provider{providers.length !== 1 ? 's' : ''} found
diff --git a/src/components/pages/VenueStep/VenueStep.tsx b/src/components/pages/VenueStep/VenueStep.tsx
index ecaaf5b..ddc9db7 100644
--- a/src/components/pages/VenueStep/VenueStep.tsx
+++ b/src/components/pages/VenueStep/VenueStep.tsx
@@ -492,7 +492,7 @@ export const VenueStep: React.FC<VenueStepProps> = ({
               startIcon={<SwapVertIcon sx={{ fontSize: 16 }} />}
               onClick={(e) => setSortAnchor(e.currentTarget)}
               aria-haspopup="listbox"
-              sx={{ fontSize: '0.75rem', textTransform: 'none' }}
+              sx={{ textTransform: 'none' }}
             >
               {SORT_OPTIONS.find((o) => o.value === sortBy)?.label ?? 'Sort'}
             </Button>
@@ -524,7 +524,7 @@ export const VenueStep: React.FC<VenueStepProps> = ({
         <Typography
           variant="caption"
           color="text.secondary"
-          sx={{ mt: 2, display: 'block' }}
+          sx={{ mt: 3, display: 'block' }}
           aria-live="polite"
         >
           {venues.length} venue{venues.length !== 1 ? 's' : ''}