Move print button inside the body (#8704)

ohcnetwork · Oct 7, 2024 · 4cb96e9 · 4cb96e9
1 parent 72c49b9
commit 4cb96e9
Showing 1 changed file with 10 additions and 12 deletions.
diff --git a/src/Components/Medicine/ManagePrescriptions.tsx b/src/Components/Medicine/ManagePrescriptions.tsx
@@ -10,24 +10,22 @@ export default function ManagePrescriptions() {
   const { goBack } = useAppHistory();
 
   return (
-    <Page
-      title={t("manage_prescriptions")}
-      options={
-        <ButtonV2 href="prescriptions/print">
-          <CareIcon icon="l-print" className="text-lg" />
-          Print
-        </ButtonV2>
-      }
-    >
+    <Page title={t("manage_prescriptions")}>
       <div
         className="mx-auto flex w-full max-w-5xl flex-col gap-10 rounded bg-white p-6 transition-all sm:rounded-xl sm:p-12"
         id="medicine-preview"
       >
         <div className="flex flex-col gap-10 divide-y-2 divide-dashed divide-secondary-600">
           <div>
-            <h3 className="mb-4 text-lg font-semibold">
-              {t("prescription_medications")}
-            </h3>
+            <div className="mb-4 flex flex-col items-center justify-between gap-2 md:flex-row">
+              <h3 className="text-lg font-semibold">
+                {t("prescription_medications")}
+              </h3>
+              <ButtonV2 href="prescriptions/print">
+                <CareIcon icon="l-print" className="text-lg" />
+                {t("print")}
+              </ButtonV2>
+            </div>
             <PrescriptionBuilder />
           </div>
           <div>