Improve layout of medication row for better responsiveness

ohcnetwork · Feb 20, 2025 · b9f1cae · b9f1cae
1 parent 39f79e2
commit b9f1cae
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Medicine/MedicationAdministration/AdministrationTab.tsx b/src/components/Medicine/MedicationAdministration/AdministrationTab.tsx
@@ -260,7 +260,7 @@ const MedicationRow: React.FC<MedicationRowProps> = ({
                   className={`flex font-medium items-center gap-2 rounded-md p-2 mb-2 cursor-pointer justify-between border ${colorClass}`}
                   onClick={() => onEditAdministration(medication, admin)}
                 >
-                  <div className="flex flex-col md:flex-row items-center gap-1">
+                  <div className="flex flex-col flex-wrap md:flex-row items-center gap-1">
                     <div>
                       <CareIcon
                         icon="l-check-circle"