Filter panel UX refinements: headings, layout, location chip, padding

- DialogShell: bump px from 3 to 5 (20px) for more breathing room
- FilterPanel: "Done" → "Apply", move "Clear all" to footer as "Reset filters"
- ProvidersStep filters:
  - Section headings: labelLg + fontWeight 600 for visual hierarchy
  - Funeral type chips: horizontal scroll instead of wrap
  - Location section: chip showing current search + editable input
  - Price inputs: compact fontSize 0.875rem + tighter padding
  - Service tradition: 'None' added as first option
  - Active count includes location search
  - Reset clears search query too

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-31 16:07:32 +11:00
parent 7dea9f5855
commit 89ba86565a
4 changed files with 97 additions and 38 deletions

View File

@@ -108,7 +108,7 @@ export const DialogShell = React.forwardRef<HTMLDivElement, DialogShellProps>(
display: 'flex',
alignItems: 'center',
justifyContent: 'space-between',
px: 3,
px: 5,
pt: 2.5,
pb: 2,
flexShrink: 0,
@@ -149,7 +149,7 @@ export const DialogShell = React.forwardRef<HTMLDivElement, DialogShellProps>(
{/* Scrollable body */}
<Box
sx={{
px: 3,
px: 5,
py: 2.5,
overflowY: 'auto',
flex: 1,
@@ -162,7 +162,7 @@ export const DialogShell = React.forwardRef<HTMLDivElement, DialogShellProps>(
{footer && (
<>
<Divider />
<Box sx={{ px: 3, py: 2, flexShrink: 0 }}>{footer}</Box>
<Box sx={{ px: 5, py: 2, flexShrink: 0 }}>{footer}</Box>
</>
)}
</Dialog>