From aaa0e16f8ecd90898a56d3088e6aa646c0f46eb0 Mon Sep 17 00:00:00 2001
From: rajku-dev <totoregex@gmail.com>
Date: Fri, 24 Jan 2025 09:40:55 +0530
Subject: [PATCH 1/2] Fix: Unwanted scrolling and spacing on availability page

---
 src/components/Users/UserAvailabilityTab.tsx | 4 ++--
 src/pages/Scheduling/ScheduleExceptions.tsx  | 2 +-
 src/pages/Scheduling/ScheduleTemplates.tsx   | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Users/UserAvailabilityTab.tsx b/src/components/Users/UserAvailabilityTab.tsx
index 6ac227bec67..29f692b4596 100644
--- a/src/components/Users/UserAvailabilityTab.tsx
+++ b/src/components/Users/UserAvailabilityTab.tsx
@@ -210,7 +210,7 @@ export default function UserAvailabilityTab({ userData: user }: Props) {
         </div>
 
         <div>
-          <ScrollArea className="h-[calc(100vh-24rem)] -mr-3 pr-3 pb-4">
+          <ScrollArea className="max-h-[calc(100vh-18rem)] min-h-3 overflow-auto -mr-3 pr-3 pb-4">
             {view === "schedule" && (
               <ScheduleTemplates
                 facilityId={facilityId}
@@ -282,7 +282,7 @@ function DayDetailsPopover({
         </Button>
       </div>
 
-      <ScrollArea className="h-[22rem]">
+      <ScrollArea className="max-h-[22rem] overflow-auto">
         {templates.map((template) => (
           <div key={template.id} className="border-t pt-3 mt-3">
             <div className="flex items-center">
diff --git a/src/pages/Scheduling/ScheduleExceptions.tsx b/src/pages/Scheduling/ScheduleExceptions.tsx
index 50a8074505a..7480c49a323 100644
--- a/src/pages/Scheduling/ScheduleExceptions.tsx
+++ b/src/pages/Scheduling/ScheduleExceptions.tsx
@@ -36,7 +36,7 @@ export default function ScheduleExceptions({
 
   if (items.length === 0) {
     return (
-      <div className="flex flex-col items-center text-center text-gray-500 py-64">
+      <div className="flex flex-col items-center text-center text-gray-500 py-16">
         <CareIcon icon="l-calendar-slash" className="size-10 mb-3" />
         <p>{t("no_scheduled_exceptions_found")}</p>
       </div>
diff --git a/src/pages/Scheduling/ScheduleTemplates.tsx b/src/pages/Scheduling/ScheduleTemplates.tsx
index 5d32b332910..4050c8e4866 100644
--- a/src/pages/Scheduling/ScheduleTemplates.tsx
+++ b/src/pages/Scheduling/ScheduleTemplates.tsx
@@ -36,7 +36,7 @@ export default function ScheduleTemplates({
 
   if (items.length === 0) {
     return (
-      <div className="flex flex-col items-center text-center text-gray-500 py-64">
+      <div className="flex flex-col items-center text-center text-gray-500 py-16">
         <CareIcon icon="l-calendar-slash" className="size-10 mb-3" />
         <p>{t("no_schedule_templates_found")}</p>
       </div>

From 83d506c65e2a95b5c93626db64412da3f1ad67c0 Mon Sep 17 00:00:00 2001
From: rajku-dev <totoregex@gmail.com>
Date: Fri, 24 Jan 2025 09:52:52 +0530
Subject: [PATCH 2/2] rm min-h constraint

---
 src/components/Users/UserAvailabilityTab.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Users/UserAvailabilityTab.tsx b/src/components/Users/UserAvailabilityTab.tsx
index 29f692b4596..5ed92fd25e8 100644
--- a/src/components/Users/UserAvailabilityTab.tsx
+++ b/src/components/Users/UserAvailabilityTab.tsx
@@ -210,7 +210,7 @@ export default function UserAvailabilityTab({ userData: user }: Props) {
         </div>
 
         <div>
-          <ScrollArea className="max-h-[calc(100vh-18rem)] min-h-3 overflow-auto -mr-3 pr-3 pb-4">
+          <ScrollArea className="max-h-[calc(100vh-18rem)] overflow-auto -mr-3 pr-3 pb-4">
             {view === "schedule" && (
               <ScheduleTemplates
                 facilityId={facilityId}