Batch 1: ToggleButtonGroup fixes, heading standardisation, spacing normalisation

- ToggleButtonGroup: increase label-to-options spacing (mb 1→2),
  top-align button content (flex-start), fix selected border
  CSS specificity by adding .Mui-selected in grouped selector
- Standardise all split-layout step headings from h4 to display3
  (ProvidersStep, PackagesStep, PreviewStep, VenueStep, CoffinsStep,
  CoffinDetailsStep) — matches D-A decision for brand warmth
- DateTimeStep: normalise section gaps (scheduling fieldset mb 3→4)
- CrematoriumStep: add subheading for consistency, normalise
  witness section spacing (mb 3→4)
- Fix input label clipping in PackagesStep and DateTimeStep
  (add pt: 0.5 to TextField containers for float-label clearance)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-29 22:13:03 +11:00
parent 626b099cd9
commit 6ebd52f36f
9 changed files with 21 additions and 11 deletions

View File

@@ -147,7 +147,7 @@ export const ProvidersStep: React.FC<ProvidersStepProps> = ({
}
>
{/* Header */}
<Typography variant="h4" component="h1" sx={{ mb: 0.5 }} tabIndex={-1}>
<Typography variant="display3" component="h1" sx={{ mb: 0.5 }} tabIndex={-1}>
Choose a funeral provider
</Typography>
<Typography variant="body2" color="text.secondary" sx={{ mb: 3 }}>