From 1260f0bde3705a2a16e5a82d7d99081c6050d7c6 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Tue, 5 Nov 2024 22:45:05 +0100
Subject: [PATCH] fix: make the links in the navigation bar smaller

---
 components/Header.jsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/Header.jsx b/components/Header.jsx
index 6f0078d..ce50410 100644
--- a/components/Header.jsx
+++ b/components/Header.jsx
@@ -28,14 +28,14 @@ function Header({ docLinks }) {
           <span className="sr-only">MERNMail logo</span>
           <Logo width={160} height={35} className="inline h-8 w-auto" />
         </Link>
-        <nav className="grow">
-          <ul className="hidden md:inline mx-2.5 list-none">
+        <nav className="grow text-sm">
+          <ul className="hidden md:flex h-full mx-2.5 list-none">
             {headerLinks.nav.map((navLink) => (
-              <li className="inline" key={navLink.label}>
+              <li className="flex" key={navLink.label}>
                 <Link
                   href={navLink.href}
                   target={navLink.target}
-                  className={`inline-block align-middle ${pathname == navLink.href ? "bg-accent" : ""} text-inherit px-2 py-1 h-8 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
+                  className={`inline-block self-center ${pathname == navLink.href ? "bg-accent" : ""} text-inherit px-2 py-1.5 mx-1 rounded-sm hover:bg-accent/60 transition-colors`}
                 >
                   {navLink.label}
                 </Link>