From a237d2b0699af32222debe32518e69be9a75e7e1 Mon Sep 17 00:00:00 2001
From: Phill Pover <phill@anatid.net>
Date: Sat, 5 Apr 2025 09:45:41 +0100
Subject: [PATCH] Fixing navbar layout

---
 frontend/src/app/album/page.tsx               |  2 +-
 .../components/navigation/navbar/index.tsx    | 26 +++++++++----------
 frontend/src/app/globals.css                  |  2 +-
 3 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/frontend/src/app/album/page.tsx b/frontend/src/app/album/page.tsx
index a751e8c..0f511b6 100644
--- a/frontend/src/app/album/page.tsx
+++ b/frontend/src/app/album/page.tsx
@@ -55,7 +55,7 @@ export default function Page() {
               {album.artist}
             </td>
             <td>
-              {album.genre})
+              {album.genre}
             </td>
           </tr>
         ))}
diff --git a/frontend/src/app/components/navigation/navbar/index.tsx b/frontend/src/app/components/navigation/navbar/index.tsx
index b209dd6..fb27fcd 100644
--- a/frontend/src/app/components/navigation/navbar/index.tsx
+++ b/frontend/src/app/components/navigation/navbar/index.tsx
@@ -7,21 +7,19 @@ const Navbar = () => {
   return (
     <nav className="navbar">
       <div className="container">
-        <div className="container mx-auto px-4 h-full">
-          <div className="flex justify-between items-center h-full">
+        <ul className="navbar-list">
+          <li className="navbar-item">
             <Logo />
-            <ul className="navbar-list">
-              <li className="navbar-item">
-                <Link href="/album" className="navbar-link">
-                  <p>Albums</p>
-                </Link>
-              </li>
-            </ul>
-            <div className="hidden md:block">
-              <Button />
-            </div>
-          </div>
-        </div>
+          </li>
+          <li className="navbar-item">
+            <Link href="/album" className="navbar-link">
+              <p>Albums</p>
+            </Link>
+          </li>
+          <li className="navbar-item">
+            <Button />
+          </li>
+        </ul>
       </div>
     </nav>
   );
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 11654cf..bf572b6 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -557,7 +557,7 @@ body {
   line-height: 1.6;
   font-weight: 400;
   font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  color: #222; }
+  color: #3fc6f1; }
 
 
 /* Typography