diff --git a/src/components/clinical-dashboard/medication-prescribing-workspace.tsx b/src/components/clinical-dashboard/medication-prescribing-workspace.tsx index 09dd1d006..35786ae0d 100644 --- a/src/components/clinical-dashboard/medication-prescribing-workspace.tsx +++ b/src/components/clinical-dashboard/medication-prescribing-workspace.tsx @@ -264,7 +264,7 @@ function DoseCeiling({ value }: { value: string }) { Ceiling - {value} + {value} ); } @@ -355,10 +355,10 @@ function MedicationResults({ - + {result.name} - + {result.indication} @@ -368,7 +368,7 @@ function MedicationResults({ {result.dose} - + {result.action} {result.href ? ( @@ -415,7 +415,7 @@ function MedicationResults({ {visibleMedicationResults.map((result, index) => { const selected = index === 0 && Boolean(query.trim()); const cardClassName = cn( - "w-full rounded-lg border bg-[color:var(--surface-raised)] p-2 text-left shadow-[var(--shadow-inset)] transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]", + "min-w-0 w-full rounded-lg border bg-[color:var(--surface-raised)] p-2 text-left shadow-[var(--shadow-inset)] transition focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[color:var(--focus)]", selected ? "border-[color:var(--clinical-accent)] bg-[color:var(--clinical-accent-soft)]/35" : result.href @@ -423,33 +423,33 @@ function MedicationResults({ : "border-[color:var(--border)] opacity-80", ); const cardContent = ( -
+
-
-
-
-

- {result.name} -

-

{result.indication}

-
- {result.href ? ( -