From eccd7f4f905e299d9e661f67c6361158f7145c94 Mon Sep 17 00:00:00 2001
From: mrtoine <anthony.violet@outlook.be>
Date: Fri, 12 Dec 2025 19:47:10 +0100
Subject: [PATCH] Correction du placement du logo et du subtitle dans le
 branding

---
 static/css/app.css              | 13 ++++++++++++-
 templates/partials/_header.html |  8 +++++++-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/static/css/app.css b/static/css/app.css
index fc28936..eb6a6e0 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -350,7 +350,8 @@ body {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    height: 64px;
+    height: auto;
+    min-height: 64px;
     padding: 0 var(--gutter);
     background: var(--nav-bg);
     -webkit-backdrop-filter: blur(10px);
@@ -438,12 +439,21 @@ body {
 }
 
 .brand {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
     font-size: clamp(1.1rem, 2vw, 1.5rem);
     font-weight: 600;
     letter-spacing: 0.2cm;
     font-variant: small-caps;
 }
 
+.brand-title {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+}
+
 /* Logo inside brand: keep it within navbar height */
 .brand .logo {
     max-height: 64px;
@@ -455,6 +465,7 @@ body {
 .subtitle {
     font-size: 1rem;
     letter-spacing: 0.05cm;
+    margin-top: 2px;
 }
 
 a.site-nav-link,
diff --git a/templates/partials/_header.html b/templates/partials/_header.html
index 0290e98..786961c 100644
--- a/templates/partials/_header.html
+++ b/templates/partials/_header.html
@@ -1,5 +1,11 @@
 <nav class="site-nav">
-    <div class="brand">{% if settings.site_logo %}<img src="{{ settings.site_logo.url }}" alt="{{ settings.site_name|default:'Logo' }}" class="logo" style="max-height:64px; height:auto; vertical-align:middle;">{% endif %} Partir de zéro<br><span class="subtitle comment">/* Anthony Violet */</span></div>
+    <div class="brand">
+        <div class="brand-title">
+            {% if settings.site_logo %}<img src="{{ settings.site_logo.url }}" alt="{{ settings.site_name|default:'Logo' }}" class="logo" style="max-height:64px; height:auto; vertical-align:middle;">{% endif %}
+            <span class="site-title">Partir de zéro</span>
+        </div>
+        <span class="subtitle comment">/* Anthony Violet */</span>
+    </div>
     <div class="navbar">
         <ul id="menu">
             <li><a href="/" class="house"><i class="fa-solid fa-house"></i></a></li>