From 0c63deafdd68f9b6c3c95773d8bc2f67dd4ba351 Mon Sep 17 00:00:00 2001
From: ryanolee <rizza@rizza.net>
Date: Mon, 9 Jan 2023 19:43:27 +0000
Subject: [PATCH] feature(#36): Fix page changes

---
 src/components/button/HubPageButton.jsx | 13 +++++++++----
 src/components/nav/NavBar.jsx           |  4 ++--
 src/components/page/Page.jsx            |  3 +--
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/button/HubPageButton.jsx b/src/components/button/HubPageButton.jsx
index 88a023a..22be40d 100644
--- a/src/components/button/HubPageButton.jsx
+++ b/src/components/button/HubPageButton.jsx
@@ -9,11 +9,16 @@ const StyledLink = styled(Link)(({ theme }) => ({
     color: theme.palette.text.primary,
     textAlign: "center",
     boxShadow: "0 0 10px 0 rgba(0, 0, 0, 0.5)",
-    lineHeight: "100px",
-    borderRadius: "50px",
+    lineHeight: "25px",
+    borderRadius: "5px",
     textDecoration: "none",
-    width: "300px",
-    display: "block"
+    width: "200px",
+    display: "block",
+    [theme.breakpoints.up('sm')]: {
+        width: "300px",
+        borderRadius: "50px",
+        lineHeight: "100px",
+    }
 }))
   
 
diff --git a/src/components/nav/NavBar.jsx b/src/components/nav/NavBar.jsx
index d438c66..485278c 100644
--- a/src/components/nav/NavBar.jsx
+++ b/src/components/nav/NavBar.jsx
@@ -192,7 +192,7 @@ const NavBar = ({ title, content }, props) => {
 
   return (
     <>
-      <Box className="aaa" sx={{ display: "flex" }}>
+      <Box sx={{ display: "flex", padding: 0}}>
         <Box sx={{ display: { xs: "none", sm: "block" }, width: 0 }}>
           <CssBaseline />
           <AppBar position="fixed" open={open}>
@@ -204,7 +204,7 @@ const NavBar = ({ title, content }, props) => {
               )}
             </Toolbar>
           </AppBar>
-          <Box className="aaa3"
+          <Box
             component="nav"
             sx={{ width: { sm: drawerWidth }, flexShrink: { sm: 0 } }}
             aria-label="sidebar navigation"
diff --git a/src/components/page/Page.jsx b/src/components/page/Page.jsx
index 4c4ccaf..63c41d2 100644
--- a/src/components/page/Page.jsx
+++ b/src/components/page/Page.jsx
@@ -8,8 +8,7 @@ import { styled } from "@mui/material/styles";
 const StyledContainer = styled(Container)(({ theme }) => ({
   paddingTop: "30px",
   backgroundColor: "inherit",
-  // Full width minus the width of the drawer
-  width: "calc(100vw - 190px)",
+  // Push right for drawer
   [theme.breakpoints.up('sm')]: {
     paddingLeft: "60px",
   }