From e0bcbb5fb752a8cad2f6c38cb6f8f9e00190b9a4 Mon Sep 17 00:00:00 2001
From: Svilen Markov <7613769+svilenmarkov@users.noreply.github.com>
Date: Tue, 5 Aug 2025 02:35:16 +0100
Subject: [PATCH] Determine nav item height automatically

---
 internal/glance/static/css/site.css | 12 ++++++++----
 internal/glance/templates/page.html |  4 ++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/internal/glance/static/css/site.css b/internal/glance/static/css/site.css
index afea2ab..cd30823 100644
--- a/internal/glance/static/css/site.css
+++ b/internal/glance/static/css/site.css
@@ -279,16 +279,20 @@ kbd:active {
     max-height: 2.7rem;
 }
 
-.nav {
+.desktop-navigation {
     overflow-x: auto;
-    overflow-y: hidden;
     min-width: 0;
     height: 100%;
     gap: var(--header-items-gap);
 }
 
-.nav .nav-item {
-    line-height: var(--header-height);
+.desktop-navigation .nav-item {
+    display: flex;
+    align-items: center;
+}
+
+.desktop-navigation .nav-item-text {
+    margin-top: 3px;
 }
 
 .footer {
diff --git a/internal/glance/templates/page.html b/internal/glance/templates/page.html
index 0f83183..45619e9 100644
--- a/internal/glance/templates/page.html
+++ b/internal/glance/templates/page.html
@@ -8,7 +8,7 @@
 
 {{ define "navigation-links" }}
 {{ range .App.Config.Pages }}
-<a href="{{ $.App.Config.Server.BaseURL }}/{{ .Slug }}" class="nav-item{{ if eq .Slug $.Page.Slug }} nav-item-current{{ end }}"{{ if eq .Slug $.Page.Slug }} aria-current="page"{{ end }}>{{ .Title }}</a>
+<a href="{{ $.App.Config.Server.BaseURL }}/{{ .Slug }}" class="nav-item{{ if eq .Slug $.Page.Slug }} nav-item-current{{ end }}"{{ if eq .Slug $.Page.Slug }} aria-current="page"{{ end }}><div class="nav-item-text">{{ .Title }}</div></a>
 {{ end }}
 {{ end }}
 
@@ -30,7 +30,7 @@
                 </svg>
                 {{- end }}
             </div>
-            <nav class="nav flex grow hide-scrollbars">
+            <nav class="desktop-navigation flex grow hide-scrollbars">
                 {{ template "navigation-links" . }}
             </nav>
             {{ if not .App.Config.Theme.DisablePicker }}