From 132be6db03e7fe9ae0a5f95dab2364d2a3a8706c Mon Sep 17 00:00:00 2001
From: Claude Paroz <claude@2xlibre.net>
Date: Tue, 8 Jul 2025 21:51:25 +0200
Subject: [PATCH] navbar-brand width depending on menu breakpoint

---
 beesgospel/static/css/main.css | 4 ++++
 templates/base.html            | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/beesgospel/static/css/main.css b/beesgospel/static/css/main.css
index 8700d95..dfffab4 100644
--- a/beesgospel/static/css/main.css
+++ b/beesgospel/static/css/main.css
@@ -24,8 +24,12 @@ nav {
 .navbar-toggler {
   margin-left: auto;
 }
+.navbar-brand {
+  width: auto;
+}
 @media only screen and (max-width : 992px) {
   .nav-sep { display: none; }
+  .navbar-brand { width: 100%; }
   .navbar-brand img { max-width: 5em; }
   .hometitle { font-size: 280%; }
 }
diff --git a/templates/base.html b/templates/base.html
index a4060ff..9625453 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -12,7 +12,7 @@
     {% block header %}
     <nav class="navbar navbar-expand-lg bg-dark border-bottom border-body sticky-top" data-bs-theme="dark">
         <div class="container-fluid">
-            <div class="navbar-brand d-flex align-items-center w-100">
+            <div class="navbar-brand d-flex align-items-center">
                 <div class="logo-container"><a href="/"><img src="{% static 'img/abeille.png' %}"></a></div>
                 <div class="harlow">Gospel de l’Abeille<br>The Bee's Gospel Singers</div>
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor01"