Correction du placement du logo et du subtitle dans le branding

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,

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>