#1314 Changed the sidebar

Author: jackturner106

src/frontend/src/layouts/Sidebar/Sidebar.tsx

@@ -71,7 +71,14 @@ const Sidebar: React.FC<SideBarProps> = ({ open, handleDrawerClose }) => {
         <IconButton onClick={handleDrawerClose}>{theme.direction === 'rtl' ? <ChevronRight /> : <ChevronLeft />}</IconButton>
       </DrawerHeader>
       <Divider />
-      <Box overflow={'auto'} sx={{ overflowX: 'hidden' }}>
+      <Box
+        overflow={'auto'}
+        sx={{ overflowX: 'hidden' }}
+        display="flex"
+        flexDirection={'column'}
+        flex={1}
+        justifyContent={'space-between'}
+      >
         {linkItems.map((linkItem) => (
           <NavPageLink {...linkItem} open={open} />
         ))}

src/frontend/src/stylesheets/layouts/sidebar/sidebar.module.css

@@ -17,8 +17,6 @@
   position: relative;
   text-align: center;
   color: #ffffff;
-  bottom: 0;
   width: 100%;
-  height: 6em;
-  padding-top: 4em;
+  padding-bottom: 3em;
 }