From adc4c87703a15199cd880fb9918f75ddcd927ad4 Mon Sep 17 00:00:00 2001
From: Calum Muir <calumamuir@outlook.com>
Date: Thu, 30 Apr 2026 19:50:14 +0000
Subject: [PATCH] Give nav bar vertical breathing room when scrolled

Removed fixed sm:h-[108px] height and top-only padding in favour of
symmetric py-3 sm:py-4, so the logo has equal space above and below
inside the dark scrolled bar. Also changed items-start to items-center
for proper vertical alignment.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/SiteHeader.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SiteHeader.astro b/src/components/SiteHeader.astro
index 4176081..7d5e171 100644
--- a/src/components/SiteHeader.astro
+++ b/src/components/SiteHeader.astro
@@ -80,7 +80,7 @@ const lineClass = isDark ? "bg-white" : "bg-black";
 
 <header class={`relative w-full ${className}`.trim()}>
     <div
-        class="flex flex-row items-start justify-between gap-3 pt-3 sm:pt-4 sm:h-[108px]"
+        class="flex flex-row items-center justify-between gap-3 py-3 sm:py-4"
     >
         <a href="/" aria-label="Highland Group RDA home">
             <img