From 2bff77cdaee3b56267641d04bbfa7d0f89cf5f30 Mon Sep 17 00:00:00 2001
From: mark <mark@dumay.nl>
Date: Fri, 17 Feb 2023 06:04:14 +0100
Subject: [PATCH] Fix alignment of navbar logo on smaller screens

---
 assets/scss/components/_navbar.scss | 4 ----
 layouts/partials/assets/navbar.html | 6 ++++--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/assets/scss/components/_navbar.scss b/assets/scss/components/_navbar.scss
index 1687f597..1e71bcf5 100644
--- a/assets/scss/components/_navbar.scss
+++ b/assets/scss/components/_navbar.scss
@@ -89,8 +89,4 @@
     }
 }
 
-.nav-spacing {
-    width: 26px;
-}
-
 // stylelint-enable annotation-no-unknown
diff --git a/layouts/partials/assets/navbar.html b/layouts/partials/assets/navbar.html
index d30d4c73..aef6e0ba 100644
--- a/layouts/partials/assets/navbar.html
+++ b/layouts/partials/assets/navbar.html
@@ -87,8 +87,10 @@
                 {{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}}
             </button>
         {{- else -}}
-            <!-- Insert spacing to center logo correctly on smaller screens -->
-            <div class="nav-spacing d-{{ $size }}-none"></div>
+            <!-- Insert invisible sidebar toggler to center logo correctly on smaller screens -->
+            <button class="navbar-toggler collapsed ms-n3 invisible" type="button">
+                {{- partial "assets/icon.html" (dict "icon" "fas ellipsis") -}}
+            </button>
         {{- end -}}
 
         <!-- Insert the brand logo or name -->