From daa77bdc895a7155ff8bf5a7ea5d82e11f77e665 Mon Sep 17 00:00:00 2001
From: RD WebDesign <github@rdwebdesign.com.br>
Date: Tue, 18 Nov 2025 17:44:42 -0300
Subject: [PATCH] Adjust topbar (first pass)

- Change the collapse/expand icon;
- remove old unnecessary CSS rules (adjust buttons height)
- add space (gap) between top menu items

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
---
 scripts/lua/header_authenticated.lp |  2 +-
 style/pi-hole.css                   | 11 +----------
 2 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/scripts/lua/header_authenticated.lp b/scripts/lua/header_authenticated.lp
index 8ca2ce2c..40cd0054 100644
--- a/scripts/lua/header_authenticated.lp
+++ b/scripts/lua/header_authenticated.lp
@@ -43,7 +43,7 @@ mg.include('header.lp','r')
         <ul class="navbar-nav">
             <li class="nav-item">
                 <a class="nav-link" data-widget="pushmenu" href="#" role="button" aria-label="Toggle Navigation">
-                    <i class="fa fa-bars"></i>
+                    <i class="fa fa-angle-double-left"></i>
                     <span class="warning-count badge navbar-badge hidden" id="top-warning-count"></span>
                 </a>
             </li>
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 6358e11b..c05fc7ec 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -896,14 +896,9 @@ body:not([class*="lcars"])
 }
 
 .navbar-nav {
-  height: 50px;
+  gap: 1em;
 }
 
-.navbar-nav > .user-menu {
-  margin-left: 15px;
-  width: 50px;
-  text-align: center;
-}
 @media screen and (min-width: 767px) {
   .navbar-nav > .user-menu {
     background: rgba(0, 0, 0, 0.1);
@@ -1497,10 +1492,6 @@ table.dataTable tbody > tr > .selected {
   padding-top: 1rem !important;
 }
 
-.d-none {
-  display: none !important;
-}
-
 .password_background {
   background-image: repeating-linear-gradient(
     45deg,