From fc6a55b91c9bab13ba4569dd8eff33b6475fb173 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= <mbombeck@gmail.com>
Date: Thu, 4 Jun 2026 15:24:11 +0200
Subject: [PATCH] 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.
---
 src/components/medications/wizard/WizardStepper.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/medications/wizard/WizardStepper.tsx b/src/components/medications/wizard/WizardStepper.tsx
index c46848754..d5ee67dc5 100644
--- a/src/components/medications/wizard/WizardStepper.tsx
+++ b/src/components/medications/wizard/WizardStepper.tsx
@@ -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"