From 34137ef49b2e2f7dadfec7dc2f0c53481ca0f193 Mon Sep 17 00:00:00 2001
From: Sulochan Khadka <122200551+Sulochan-khadka@users.noreply.github.com>
Date: Fri, 14 Jun 2024 18:28:04 +0530
Subject: [PATCH] Issues/7971/aspect ratio of bed icon (#8017)

* fixes: Linked skills- to show on patient dashboard for "treating doctor" #7810

* Update src/Components/Patient/PatientInfoCard.tsx

Co-authored-by: Rithvik Nishad <rithvikn2001@gmail.com>

* updated with implementing suggestions

* made changes

* refactor based on suggestions

* show tooltip only if overflow

* Update src/Components/Patient/PatientInfoCard.tsx

* fixes:Maintain aspect ratio for Bed Icon in Patient Dashboard #7971
---
 src/Components/Patient/PatientInfoCard.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/Components/Patient/PatientInfoCard.tsx b/src/Components/Patient/PatientInfoCard.tsx
index f9adacc0d3c..a43d49a26ac 100644
--- a/src/Components/Patient/PatientInfoCard.tsx
+++ b/src/Components/Patient/PatientInfoCard.tsx
@@ -140,7 +140,6 @@ export default function PatientInfoCard(props: {
     },
     prefetch: !!consultation?.treating_physician_object?.username,
   });
-
   const { data: consentRecords, loading: consentRecordsLoading } = useQuery(
     routes.listConsents,
     {
@@ -219,7 +218,7 @@ export default function PatientInfoCard(props: {
           <div className="flex justify-evenly lg:justify-normal">
             <div className="flex flex-col items-start lg:items-center">
               <div
-                className={`w-24 min-w-20 bg-gray-200 ${categoryClass}-profile h-full`}
+                className={`w-24 min-w-20 bg-gray-200 ${categoryClass}-profile h-24`}
               >
                 {consultation?.current_bed &&
                 consultation?.discharge_date === null ? (