Fixes vertical alignment of patients age in patients list page (#8110)

* Fixes vertical alignment of patients age in patients list page * visual improvements * reverted space fix
ohcnetwork · Jul 4, 2024 · 4459776 · 4459776
1 parent 2495297
commit 4459776
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/Components/Patient/ManagePatients.tsx b/src/Components/Patient/ManagePatients.tsx
@@ -517,11 +517,11 @@ export const PatientManager = () => {
             <div className="flex w-full flex-col gap-2 pl-2 md:block md:flex-row">
               <div className="flex w-full items-center justify-between gap-2">
                 <div
-                  className="flex flex-wrap gap-2 font-semibold"
+                  className="flex flex-wrap items-end gap-3 font-semibold"
                   id="patient-name-list"
                 >
                   <span className="text-xl capitalize">{patient.name}</span>
-                  <span className="text-gray-800">
+                  <span className="font-bold text-gray-700">
                     {formatPatientAge(patient, true)}
                   </span>
                 </div>