From 1eb40b2583ef484db464076ee184cbc7a91b81ca Mon Sep 17 00:00:00 2001
From: shamsytech <shams1@tutamail.com>
Date: Wed, 24 Jun 2026 05:01:22 -0400
Subject: [PATCH] Add needed margin between text and icons in navbar

---
 client/src/features/home/NavButtons.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/features/home/NavButtons.jsx b/client/src/features/home/NavButtons.jsx
index 546a333f..819d202d 100644
--- a/client/src/features/home/NavButtons.jsx
+++ b/client/src/features/home/NavButtons.jsx
@@ -22,7 +22,7 @@ const NavButtons = ({ HomeIcon, LoginIcon, CalendarIcon }) => {
         <div className="flex justify-center">
           <HomeIcon className="text-main-blue w-7 h-7 lg:w-10 lg:h-10" />
         </div>
-        <div className="text-main-blue font-black text-lg lg:text-xl xl:text-2xl">
+        <div className="text-main-blue font-black text-lg lg:text-xl xl:text-2xl mt-2">
           <span>Home</span>
         </div>
       </button>
@@ -34,7 +34,7 @@ const NavButtons = ({ HomeIcon, LoginIcon, CalendarIcon }) => {
         <div className="flex justify-center">
           <LoginIcon className="text-main-green w-7 h-7 lg:w-10 lg:h-10" />
         </div>
-        <div className="text-main-green font-black text-lg lg:text-xl xl:text-2xl">
+        <div className="text-main-green font-black text-lg lg:text-xl xl:text-2xl mt-2">
           <span>{isAuthenticated() ? "Log Out" : "Log In"}</span>
         </div>
       </button>
@@ -47,7 +47,7 @@ const NavButtons = ({ HomeIcon, LoginIcon, CalendarIcon }) => {
         <div className="flex justify-center">
           <CalendarIcon className="text-main-orange w-7 h-7 lg:w-10 lg:h-10" />
         </div>
-        <div className="text-main-orange font-black text-lg lg:text-xl xl:text-2xl">
+        <div className="text-main-orange font-black text-lg lg:text-xl xl:text-2xl mt-2">
           <span>Calendar</span>
         </div>
       </button>