Match sort button size to filters, more spacing above results count
- 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>
This commit is contained in:
@@ -609,7 +609,7 @@ export const ProvidersStep: React.FC<ProvidersStepProps> = ({
|
|||||||
startIcon={<SwapVertIcon sx={{ fontSize: 16 }} />}
|
startIcon={<SwapVertIcon sx={{ fontSize: 16 }} />}
|
||||||
onClick={(e) => setSortAnchor(e.currentTarget)}
|
onClick={(e) => setSortAnchor(e.currentTarget)}
|
||||||
aria-haspopup="listbox"
|
aria-haspopup="listbox"
|
||||||
sx={{ fontSize: '0.75rem', textTransform: 'none' }}
|
sx={{ textTransform: 'none' }}
|
||||||
>
|
>
|
||||||
{SORT_OPTIONS.find((o) => o.value === sortBy)?.label ?? 'Sort'}
|
{SORT_OPTIONS.find((o) => o.value === sortBy)?.label ?? 'Sort'}
|
||||||
</Button>
|
</Button>
|
||||||
@@ -641,7 +641,7 @@ export const ProvidersStep: React.FC<ProvidersStepProps> = ({
|
|||||||
<Typography
|
<Typography
|
||||||
variant="caption"
|
variant="caption"
|
||||||
color="text.secondary"
|
color="text.secondary"
|
||||||
sx={{ mt: 2, display: 'block' }}
|
sx={{ mt: 3, display: 'block' }}
|
||||||
aria-live="polite"
|
aria-live="polite"
|
||||||
>
|
>
|
||||||
{providers.length} provider{providers.length !== 1 ? 's' : ''} found
|
{providers.length} provider{providers.length !== 1 ? 's' : ''} found
|
||||||
|
|||||||
@@ -492,7 +492,7 @@ export const VenueStep: React.FC<VenueStepProps> = ({
|
|||||||
startIcon={<SwapVertIcon sx={{ fontSize: 16 }} />}
|
startIcon={<SwapVertIcon sx={{ fontSize: 16 }} />}
|
||||||
onClick={(e) => setSortAnchor(e.currentTarget)}
|
onClick={(e) => setSortAnchor(e.currentTarget)}
|
||||||
aria-haspopup="listbox"
|
aria-haspopup="listbox"
|
||||||
sx={{ fontSize: '0.75rem', textTransform: 'none' }}
|
sx={{ textTransform: 'none' }}
|
||||||
>
|
>
|
||||||
{SORT_OPTIONS.find((o) => o.value === sortBy)?.label ?? 'Sort'}
|
{SORT_OPTIONS.find((o) => o.value === sortBy)?.label ?? 'Sort'}
|
||||||
</Button>
|
</Button>
|
||||||
@@ -524,7 +524,7 @@ export const VenueStep: React.FC<VenueStepProps> = ({
|
|||||||
<Typography
|
<Typography
|
||||||
variant="caption"
|
variant="caption"
|
||||||
color="text.secondary"
|
color="text.secondary"
|
||||||
sx={{ mt: 2, display: 'block' }}
|
sx={{ mt: 3, display: 'block' }}
|
||||||
aria-live="polite"
|
aria-live="polite"
|
||||||
>
|
>
|
||||||
{venues.length} venue{venues.length !== 1 ? 's' : ''}
|
{venues.length} venue{venues.length !== 1 ? 's' : ''}
|
||||||
|
|||||||
Reference in New Issue
Block a user