From 6a34c9862ef00ceaf34b4af76d120c21ec0f81cb Mon Sep 17 00:00:00 2001
From: Jacob John Jeevan <mail@jacobjeevan.me>
Date: Wed, 19 Feb 2025 22:49:56 +0530
Subject: [PATCH] adjust flex

---
 src/components/Common/UserSelector.tsx                      | 2 +-
 .../organizations/components/LinkFacilityUserSheet.tsx      | 6 +++---
 src/pages/Organization/components/LinkUserSheet.tsx         | 6 +++---
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Common/UserSelector.tsx b/src/components/Common/UserSelector.tsx
index 5c898e336da..3d068034791 100644
--- a/src/components/Common/UserSelector.tsx
+++ b/src/components/Common/UserSelector.tsx
@@ -71,7 +71,7 @@ export default function UserSelector({
                 className="size-6 rounded-full"
               />
               <TooltipComponent content={formatName(selected)} side="bottom">
-                <p className="font-medium text-gray-900 truncate max-w-56 sm:max-w-48 md:max-w-64 lg:max-w-64 xl:max-w-36">
+                <p className="font-medium text-gray-900 truncate max-w-48 sm:max-w-56 md:max-w-64">
                   {formatName(selected)}
                 </p>
               </TooltipComponent>
diff --git a/src/pages/Facility/settings/organizations/components/LinkFacilityUserSheet.tsx b/src/pages/Facility/settings/organizations/components/LinkFacilityUserSheet.tsx
index 717e43c8d1c..8c7cea2e719 100644
--- a/src/pages/Facility/settings/organizations/components/LinkFacilityUserSheet.tsx
+++ b/src/pages/Facility/settings/organizations/components/LinkFacilityUserSheet.tsx
@@ -125,7 +125,7 @@ export default function LinkFacilityUserSheet({
             Search for a user and assign a role to add them to the facility.
           </SheetDescription>
         </SheetHeader>
-        <div className="space-y-6 py-4 min-h-full w-full overflow-hidden">
+        <div className="space-y-6 py-4 min-h-full">
           <UserSelector
             selected={selectedUser}
             onChange={handleUserChange}
@@ -136,13 +136,13 @@ export default function LinkFacilityUserSheet({
           {selectedUser && (
             <div className="space-y-4">
               <div className="rounded-lg border p-4 space-y-4">
-                <div className="flex items-center gap-4">
+                <div className="flex gap-4 flex-row">
                   <Avatar
                     imageUrl={selectedUser.profile_picture_url}
                     name={formatName(selectedUser)}
                     className="h-12 w-12"
                   />
-                  <div className="grid grid-cols-1 w-full">
+                  <div className="w-3/4">
                     <p className="font-medium text-lg truncate">
                       {selectedUser.first_name} {selectedUser.last_name}
                     </p>
diff --git a/src/pages/Organization/components/LinkUserSheet.tsx b/src/pages/Organization/components/LinkUserSheet.tsx
index e4be133659d..a442cdf1a3e 100644
--- a/src/pages/Organization/components/LinkUserSheet.tsx
+++ b/src/pages/Organization/components/LinkUserSheet.tsx
@@ -124,7 +124,7 @@ export default function LinkUserSheet({
             organization.
           </SheetDescription>
         </SheetHeader>
-        <div className="space-y-6 py-4 w-full overflow-hidden">
+        <div className="space-y-6 py-4">
           <UserSelector
             selected={selectedUser}
             onChange={handleUserChange}
@@ -135,13 +135,13 @@ export default function LinkUserSheet({
           {selectedUser && (
             <div className="space-y-4">
               <div className="rounded-lg border p-4 space-y-4">
-                <div className="flex gap-4 items-center">
+                <div className="flex gap-4 flex-row">
                   <Avatar
                     name={`${selectedUser.first_name} ${selectedUser.last_name}`}
                     imageUrl={selectedUser.profile_picture_url}
                     className="h-12 w-12"
                   />
-                  <div className="grid grid-cols-1 w-full">
+                  <div className="w-3/4">
                     <p className="font-medium text-lg truncate">
                       {selectedUser.first_name} {selectedUser.last_name}
                     </p>