fix(medications): give the wizard stepper jump buttons a 44px touch target

The first / last jump buttons rendered at 32px, below the minimum touch
target. Extend the hit area with an invisible inset pseudo-element so the
tappable region is 44px while the visual button stays 32px; the existing
aria-labels are unchanged.
This commit is contained in:
Marc-André Bombeck committed 2026-06-04 15:36:12 +02:00
1 parent 3c7d12f9c1
commit fc6a55b91c
1 file changed
+2 -2
@@ -88,7 +88,7 @@ export function WizardStepper({
type="button"
variant="ghost"
size="icon"
className="h-8 w-8 shrink-0"
className="relative h-8 w-8 shrink-0 before:absolute before:-inset-1.5 before:content-['']"
onClick={onFirst}
disabled={!firstEnabled}
data-slot="wizard-stepper-first"
@@ -184,7 +184,7 @@ export function WizardStepper({
type="button"
variant="ghost"
size="icon"
className="h-8 w-8 shrink-0"
className="relative h-8 w-8 shrink-0 before:absolute before:-inset-1.5 before:content-['']"
onClick={onLast}
disabled={!lastEnabled}
data-slot="wizard-stepper-last"