From 6d649501d451143c16fd350c935b90f41c411c08 Mon Sep 17 00:00:00 2001
From: rithviknishad <mail@rithviknishad.dev>
Date: Thu, 4 Jul 2024 12:16:42 +0530
Subject: [PATCH 1/3] Fixes vertical alignment of patients age in patients list
 page

---
 src/Components/Patient/ManagePatients.tsx | 2 +-
 src/Utils/utils.ts                        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/Patient/ManagePatients.tsx b/src/Components/Patient/ManagePatients.tsx
index eaa1ff7af20..9204d806361 100644
--- a/src/Components/Patient/ManagePatients.tsx
+++ b/src/Components/Patient/ManagePatients.tsx
@@ -517,7 +517,7 @@ 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-center gap-3 font-semibold"
                   id="patient-name-list"
                 >
                   <span className="text-xl capitalize">{patient.name}</span>
diff --git a/src/Utils/utils.ts b/src/Utils/utils.ts
index d599a494b1c..2ae98bfc32b 100644
--- a/src/Utils/utils.ts
+++ b/src/Utils/utils.ts
@@ -379,7 +379,7 @@ export const formatPatientAge = (obj: PatientModel, abbreviated = false) => {
 
   const years = end.diff(start, "years");
   if (years) {
-    return `${years}${suffixes.year}`;
+    return `${years} ${suffixes.year}`;
   }
 
   // Skip representing as no. of months/days if we don't know the date of birth

From ba72c030ab9a1395f4fe7aa3bddb3f001b27cd67 Mon Sep 17 00:00:00 2001
From: rithviknishad <mail@rithviknishad.dev>
Date: Thu, 4 Jul 2024 12:17:36 +0530
Subject: [PATCH 2/3] visual improvements

---
 src/Components/Patient/ManagePatients.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Components/Patient/ManagePatients.tsx b/src/Components/Patient/ManagePatients.tsx
index 9204d806361..5aef31bb3a2 100644
--- a/src/Components/Patient/ManagePatients.tsx
+++ b/src/Components/Patient/ManagePatients.tsx
@@ -521,7 +521,7 @@ export const PatientManager = () => {
                   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>

From a81055792e61e1e77d540be857340e0d8b29ea64 Mon Sep 17 00:00:00 2001
From: rithviknishad <mail@rithviknishad.dev>
Date: Thu, 4 Jul 2024 12:22:39 +0530
Subject: [PATCH 3/3] reverted space fix

---
 src/Components/Patient/ManagePatients.tsx | 2 +-
 src/Utils/utils.ts                        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Components/Patient/ManagePatients.tsx b/src/Components/Patient/ManagePatients.tsx
index 5aef31bb3a2..c02efc5c737 100644
--- a/src/Components/Patient/ManagePatients.tsx
+++ b/src/Components/Patient/ManagePatients.tsx
@@ -517,7 +517,7 @@ 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 items-center gap-3 font-semibold"
+                  className="flex flex-wrap items-end gap-3 font-semibold"
                   id="patient-name-list"
                 >
                   <span className="text-xl capitalize">{patient.name}</span>
diff --git a/src/Utils/utils.ts b/src/Utils/utils.ts
index 2ae98bfc32b..d599a494b1c 100644
--- a/src/Utils/utils.ts
+++ b/src/Utils/utils.ts
@@ -379,7 +379,7 @@ export const formatPatientAge = (obj: PatientModel, abbreviated = false) => {
 
   const years = end.diff(start, "years");
   if (years) {
-    return `${years} ${suffixes.year}`;
+    return `${years}${suffixes.year}`;
   }
 
   // Skip representing as no. of months/days if we don't know the date of birth