diff --git a/src/components/dashboard/__tests__/medication-intake-quick-add.test.tsx b/src/components/dashboard/__tests__/medication-intake-quick-add.test.tsx index 9cdf5a65d..3099ce412 100644 --- a/src/components/dashboard/__tests__/medication-intake-quick-add.test.tsx +++ b/src/components/dashboard/__tests__/medication-intake-quick-add.test.tsx @@ -144,6 +144,11 @@ describe(" — SSR contract", () => { expect(html).not.toContain( 'data-testid="medication-intake-quick-add-form"', ); + // v1.4.37 W10 — the empty-state CTA must clear the 44 px touch + // floor that W-CI raised on the onboarding checklist. The + // `size="sm"` default would land at 32 px without an explicit + // `min-h-11 sm:min-h-9` override. + expect(html).toContain("min-h-11"); }); it("renders the populated form with picker + dose + time fields", () => { @@ -164,8 +169,10 @@ describe(" — SSR contract", () => { expect(html).toContain( 'data-testid="medication-intake-quick-add-taken-at"', ); - // 44 px touch floor on every interactive field (WCAG 2.5.5). - expect(html.match(/min-h-11/g)?.length ?? 0).toBeGreaterThanOrEqual(2); + // 44 px touch floor on every interactive field + the footer Save + // button (WCAG 2.5.5). v1.4.37 W10 added the floor to the footer + // buttons; the form fields already carried it. + expect(html.match(/min-h-11/g)?.length ?? 0).toBeGreaterThanOrEqual(3); }); it("does not leak raw i18n keys in either locale", () => { diff --git a/src/components/dashboard/medication-intake-quick-add.tsx b/src/components/dashboard/medication-intake-quick-add.tsx index 6e5e89f94..1d3bf5f5c 100644 --- a/src/components/dashboard/medication-intake-quick-add.tsx +++ b/src/components/dashboard/medication-intake-quick-add.tsx @@ -272,6 +272,7 @@ export function MedicationIntakeQuickAdd({ variant="outline" onClick={onCancel} disabled={loading} + className="min-h-11 sm:min-h-9" > {t("common.cancel")} @@ -280,6 +281,7 @@ export function MedicationIntakeQuickAdd({ type="submit" form={formId} disabled={loading || !medicationId || medications.length === 0} + className="min-h-11 sm:min-h-9" > {loading ? ( @@ -299,7 +301,12 @@ export function MedicationIntakeQuickAdd({ const emptyFooter = (
{onCancel && ( - )} @@ -322,7 +329,12 @@ export function MedicationIntakeQuickAdd({ {t("dashboard.medicationIntakeQuickAdd.emptyDescription")}

-