From 632ff8a5b827ca977f2749d5b4934e669fd2335b Mon Sep 17 00:00:00 2001
From: Raphael Gatchalian <rlgatchalian@gmail.com>
Date: Mon, 23 Oct 2023 20:16:03 -0700
Subject: [PATCH] Minor adjustments to spacing

---
 src/app/(pages)/layout.tsx     | 2 +-
 src/components/root/footer.tsx | 2 +-
 src/components/root/navbar.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(pages)/layout.tsx b/src/app/(pages)/layout.tsx
index a132ada..d61d244 100644
--- a/src/app/(pages)/layout.tsx
+++ b/src/app/(pages)/layout.tsx
@@ -11,7 +11,7 @@ export default function Layout({
       <header className='bg-lightest relative'>
         <NavBar />
       </header>
-      <main className='justify-center px-12 md:px-24 pb-24 pt-64 text-lg'>
+      <main className='justify-center px-12 md:px-24 pb-24 pt-60 text-lg'>
         {children}
       </main>
       <Footer />
diff --git a/src/components/root/footer.tsx b/src/components/root/footer.tsx
index ed59aec..3fe7758 100644
--- a/src/components/root/footer.tsx
+++ b/src/components/root/footer.tsx
@@ -2,7 +2,7 @@ import ExternalLink from './external-link';
 
 export default function Footer() {
   return (
-    <div className='px-12 md:px-24 font-body text-md text-dark font-thin justify-center pt-6 sm:pt-24 pb-6'>
+    <div className='px-12 md:px-24 font-body text-md text-dark font-thin justify-center pt-6 sm:pt-12 pb-6'>
       <p>
         Made with ♡ + matcha using&nbsp;
         <ExternalLink href='https://nextjs.org/' underline className='hover:text-light'>
diff --git a/src/components/root/navbar.tsx b/src/components/root/navbar.tsx
index f07c645..12ba58e 100644
--- a/src/components/root/navbar.tsx
+++ b/src/components/root/navbar.tsx
@@ -7,7 +7,7 @@ import navItems from '@/utils/nav-items';
 export default function NavBar(): JSX.Element {
   const currentPage = usePathname();
   return (
-    <nav className='w-48 absolute inset-y-0 right-0 pt-12 md:pt-24 pr-12 mr-10'>
+    <nav className='w-48 absolute inset-y-0 right-0 pt-12 md:pt-20 pr-12 mr-10'>
       <ul className='lg:fixed z-10 w-48 font-display font-thin text-right text-dark text-2xl'>
         {navItems.map((item, index) => (
           <li