Fixed-alignment-Medicine-prescription

Sulochan-khadka · Oct 23, 2024 · f98d648 · f98d648
1 parent c6bbea2
commit f98d648
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 12 deletions.
diff --git a/src/Components/Medicine/MedicineAdministrationSheet/AdministrationTable.tsx b/src/Components/Medicine/MedicineAdministrationSheet/AdministrationTable.tsx
@@ -27,17 +27,17 @@ export default function MedicineAdministrationTable({
         <thead className="sticky top-0 z-10 bg-secondary-50 text-xs font-medium text-black">
           <tr>
             <th className="sticky left-0 z-20 bg-secondary-50 py-3 pl-4 text-left">
-              <div className="flex justify-between gap-2">
-                <span className="text-sm">{t("medicine")}</span>
-                <span className="hidden px-2 text-center text-xs leading-none lg:block">
-                  <p>Dosage &</p>
-                  <p>
-                    {prescriptions[0]?.dosage_type !== "PRN"
-                      ? "Frequency"
-                      : "Indicator"}
-                  </p>
-                </span>
-              </div>
+              <span className="text-sm">{t("medicine")}</span>
+            </th>
+            <th>
+              <span className="hidden px-2 text-center text-xs leading-none lg:block">
+                <p>Dosage &</p>
+                <p>
+                  {prescriptions[0]?.dosage_type !== "PRN"
+                    ? "Frequency"
+                    : "Indicator"}
+                </p>
+              </span>
             </th>
 
             <th>

diff --git a/src/Components/Medicine/MedicineAdministrationSheet/AdministrationTableRow.tsx b/src/Components/Medicine/MedicineAdministrationSheet/AdministrationTableRow.tsx
@@ -212,7 +212,10 @@ export default function MedicineAdministrationTableRow({
                 {prescription.medicine_object?.generic}
               </span>
             </div>
-
+          </div>
+        </td>
+        <td>
+          <div className="flex justify-center">
             <div className="flex gap-1 text-xs font-semibold text-secondary-900 lg:flex-col lg:px-2 lg:text-center">
               {prescription.dosage_type !== "TITRATED" ? (
                 <p>{prescription.base_dosage}</p>