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
coronasafe · 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>