Padding fixes

components/adminNav/adminNav.js

@@ -9,7 +9,11 @@ export default function AdminNav({children}){
   const isAdminPage = useIsAdminPage()
 
   if(!isAdminPage)
-    return children
+    return (
+      <main>
+        {children}
+      </main>
+    )
 
   return (
     <div className={styles.navContainer}>
@@ -22,9 +26,9 @@ export default function AdminNav({children}){
         <NavItem icon="local_shipping" href="/admin/shipments">Shipments</NavItem>
         <NavItem icon="payment" href="/admin/coupons">Coupons</NavItem>
       </div>
-      <div className={styles.notNav}>
+      <main className={styles.notNav}>
         {children}
-      </div>
+      </main>
     </div>
   )
 }

pages/_app.js

@@ -46,13 +46,11 @@ function Layout({ Component, pageProps, user, cart: _cart }){
       <CartContextProvider value={cartState}>
         <UserContextProvider value={user}>
           <Header/>
-          <main>
-            <ErrorBoundary>
-              <AdminNav>
-                <Component {...pageProps} />
-              </AdminNav>
-            </ErrorBoundary>
-          </main>
+          <ErrorBoundary>
+            <AdminNav>
+              <Component {...pageProps} />
+            </AdminNav>
+          </ErrorBoundary>
           <Footer/>
         </UserContextProvider>
       </CartContextProvider>

styles/layout.css

@@ -40,6 +40,7 @@ main > h2:first-child {
 
 main {
   font-family: 'Cormorant Infant',serif;
+  padding-bottom: 15px;
 }
 
 main > p {