Merge pull request #118 from ed-pilots-network/nav-spacing

Make navbar spacing consistent on small viewports
ed-pilots-network · Sep 14, 2023 · 40846fc · 40846fc
2 parents 81d5927 + db08fe5
commit 40846fc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/app/_components/nav-drawer/NavDrawer.tsx b/app/_components/nav-drawer/NavDrawer.tsx
@@ -48,7 +48,7 @@ const NavDrawer = () => {
         onClick={onOpen}
         aria-label="Open Navigation Drawer"
         icon={<HamburgerIcon />}
-        marginX={4}
+        marginEnd={4}
         role="button"
       />
 

diff --git a/app/_components/navbar/Navbar.tsx b/app/_components/navbar/Navbar.tsx
@@ -32,12 +32,18 @@ const Navbar = () => {
   const { isDark, toggleColorMode } = useColorMode();
 
   return (
-    <Flex p={2} bg={GetColor('box')} color={GetColor('text')} justify="center">
+    <Flex
+      padding={2}
+      bg={GetColor('box')}
+      color={GetColor('text')}
+      justify="center"
+    >
       <Flex
         justifyContent="space-between"
         alignItems="center"
         width="100%"
         maxWidth={layoutConfig.maxWidth}
+        paddingX={2}
       >
         <Flex alignItems="center">
           <Box display={{ base: 'flex', md: 'none' }}>