From 1e95c44c48381895aa0837e62c35a466c31026ed Mon Sep 17 00:00:00 2001
From: ttpl-rt-214 <shreyas_s@techjoomla.com>
Date: Sat, 10 Aug 2024 15:24:31 +0530
Subject: [PATCH] #PS-1317 fixPS-1527 UI Improvement

---
 src/components/BottomDrawer.tsx       | 2 +-
 src/components/CenterSessionModal.tsx | 7 ++++++-
 src/styles/globals.css                | 4 ++--
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/BottomDrawer.tsx b/src/components/BottomDrawer.tsx
index cb344164..b0935b57 100644
--- a/src/components/BottomDrawer.tsx
+++ b/src/components/BottomDrawer.tsx
@@ -78,7 +78,7 @@ const BottomDrawer: React.FC<BottomDrawerProps> = ({
 
   return (
     <div>
-      <Drawer anchor="bottom" open={state.bottom} className="modal-bottom">
+      <Drawer anchor="bottom" onClose={toggleDrawer('bottom', false, '')} open={state.bottom} className="modal-bottom">
         {list('bottom')}
       </Drawer>
     </div>
diff --git a/src/components/CenterSessionModal.tsx b/src/components/CenterSessionModal.tsx
index 45f96b49..f3e34691 100644
--- a/src/components/CenterSessionModal.tsx
+++ b/src/components/CenterSessionModal.tsx
@@ -32,6 +32,8 @@ const CenterSessionModal: React.FC<SessionsModalProps> = ({
     bgcolor: theme?.palette?.warning['A400'],
     boxShadow: 24,
     borderRadius: '16px',
+    maxHeight: '626px',
+    minheight: '100%',
     border: 'none',
     '@media (min-width: 600px)': {
       width: '450px',
@@ -103,7 +105,10 @@ const CenterSessionModal: React.FC<SessionsModalProps> = ({
           />
         </Box>
         <Divider />
-        {children}
+        <Box sx={{ maxHeight: '49vh', minHeight: '100%', overflowY: 'auto' }}>
+          {children}
+        </Box>
+
         <Divider />
 
         <Box
diff --git a/src/styles/globals.css b/src/styles/globals.css
index b8eccce0..22b4f8e8 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -745,9 +745,9 @@ main {
   background: var(--mui-palette-warning-900) !important;
 }
 
-.modal-bottom div:nth-child(1) {
+/* .modal-bottom div:nth-child(1) {
   position: unset !important;
-}
+} */
 
 .selected-start-end {
   background-color: var(--mui-palette-primary-main) !important;