navbar alignment

VaibhavArora314 · Jun 2, 2024 · f2257df · f2257df
1 parent 58ee8ca
commit f2257df
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
@@ -94,19 +94,19 @@ const Navbar = () => {
               </div>
             ) : (
               <>
-                <li>
+                <li className="mt-2">
                   <Link to="/app/new-post" className={getNavLinkClass("/app/new-post")}>
                     New Post
                   </Link>
                 </li>
-                <li>
+                <li className="mt-2">
                   <Link to="/app/profile" className={getNavLinkClass("/app/profile")}>
                     Profile
                   </Link>
                 </li>
-                <li>
+                <li className="mt-2">
                   <button
-                    className="block py-2 px-3 rounded md:border-0 md:p-0 text-white md:hover:text-blue-500 hover:bg-gray-700 hover:text-white md:hover:bg-transparent"
+                    className="block py-2 px-3 rounded md:border-0 md:p-0 text-white md:hover:text-blue-500 hover:bg-gray-700 hover:text-white md:hover:bg-transparent w-full text-left"
                     onClick={handleLogout}
                   >
                     Logout