fix: Improve responsiveness in Encounter medicine tab (#10767)

ohcnetwork · Feb 27, 2025 · d9a1ecf · d9a1ecf
1 parent f1150a8
commit d9a1ecf
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Medicine/MedicationAdministration/AdministrationTab.tsx b/src/components/Medicine/MedicationAdministration/AdministrationTab.tsx
@@ -770,7 +770,7 @@ export const AdministrationTab: React.FC<AdministrationTabProps> = ({
 
   return (
     <div className="flex flex-col gap-2 mt-4 mx-2">
-      <div className="flex justify-between items-center gap-2">
+      <div className="flex justify-start items-center gap-2 flex-wrap">
         <div className="flex items-center gap-2 flex-1">
           <div className="flex items-center gap-2 flex-1">
             <CareIcon icon="l-search" className="text-lg text-gray-500" />
@@ -794,7 +794,7 @@ export const AdministrationTab: React.FC<AdministrationTabProps> = ({
         </div>
         <Button
           variant="outline"
-          className="text-emerald-600 border-emerald-600 hover:bg-emerald-50"
+          className="text-emerald-600 border-emerald-600 hover:bg-emerald-50 w-full sm:w-auto"
           onClick={() => setIsSheetOpen(true)}
         >
           <CareIcon icon="l-plus" className="mr-2 h-4 w-4" />