From f5e02840e3094bb5251bd00de57612931f2ce032 Mon Sep 17 00:00:00 2001
From: Francesco <tomaselli.fr@gmail.com>
Date: Sun, 4 May 2025 12:11:33 +0200
Subject: Word break in header menu, reduced excessive margins while wrapped

---
 assets/css/main.css          |  8 +++++++-
 layouts/partials/header.html | 10 ++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 7ae1fce..300bc16 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -185,10 +185,16 @@ hr {
 .header p {
   font-size: small;
   font-family: var(--font-mono);
-  margin-top: var(--header-menu-top-gap);
+  margin-top: 0;
   margin-right: var(--header-menu-side-gap);
 }
 
+.header-menu {
+  display: flex;
+  flex-wrap: wrap;
+  padding-top: var(--header-menu-top-gap);
+}
+
 .header-title {
   font-size: 2.6em;
   font-weight: bold;
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 1d8301e..7af4224 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -8,14 +8,16 @@
         <a href="{{ site.BaseURL }}">{{ site.Title }}</a>
     </h1>
 
-    <div class="flex">
+    <div class="header-menu">
         {{ $currentPage := . }}
 
         {{ with site.Params.menu }}
         {{ range . }}
-      
-        <p class="small {{ if eq .name (lower $currentPage.Name) }} bold {{end}}">
-            <a href="{{ .url }}" {{ if and (isset . "newTab") .newTab }}target="_blank" rel="noopener noreferrer"{{ end }}>
+
+        <p
+            class="small {{ if eq .name (lower $currentPage.Name) }} bold {{end}}">
+            <a href="{{ .url }}" {{ if and (isset . "newTab") .newTab
+                }}target="_blank" rel="noopener noreferrer" {{ end }}>
                 /{{.name }}
             </a>
         </p>
-- 
cgit v1.2.3