Merge pull request #1450 from Northeastern-Electric-Racing/#1314-Version-Overlap

#1314 Version number overlaping sidebar

Author: RChandler234

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

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

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

@@ -14,10 +14,9 @@
 }
 
 .versionNumber {
-  position: absolute;
+  position: relative;
   text-align: center;
   color: #ffffff;
   width: 100%;
-  bottom: 0;
-  height: 6em;
+  padding-bottom: 2em;
 }