From 39f7119a905a68798328aa6b7ba06ba141f7eaf5 Mon Sep 17 00:00:00 2001
From: Greelan <53196309+Greelan@users.noreply.github.com>
Date: Tue, 23 Jun 2026 15:26:00 +1000
Subject: [PATCH] Fix alignment

---
 .../stylesheets/bootstrap/_variables.scss     |  2 +-
 .../cicada/assets/stylesheets/main.scss       | 23 +++++++++++++++++--
 .../www/themes/cicada/build/css/main.css      | 16 ++++++++++++-
 3 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/bootstrap/_variables.scss b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/bootstrap/_variables.scss
index 3acdcb0c7b..7e9d7e82ab 100644
--- a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/bootstrap/_variables.scss
+++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/bootstrap/_variables.scss
@@ -347,7 +347,7 @@ $navbar-height:                    50px !default;
 $navbar-margin-bottom:             0;
 $navbar-border-radius:             0;
 $navbar-padding-horizontal:        floor(($grid-gutter-width / 2)) !default;
-$navbar-padding-vertical:          15px;
+$navbar-padding-vertical:          10px;
 $navbar-collapse-max-height:       340px !default;
 
 $navbar-default-color:             map-get($colors, lightgrey) !default;
diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
index 9d48254e94..4fdb0c4355 100644
--- a/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
+++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/assets/stylesheets/main.scss
@@ -6242,8 +6242,6 @@ a:focus {
 }
 
 .navbar-header {
-  padding-top: 12px;
-
   &:before {
     content: " ";
     display: table;
@@ -6386,6 +6384,27 @@ a:focus {
   border-width: 1px 0 0;
 }
 
+.navbar-brand {
+  float: left;
+  padding: 15px 20px;
+  font-size: 18px;
+  height: 50px;
+
+  &:hover, &:focus {
+    text-decoration: none;
+  }
+}
+
+@media (min-width: 768px) {
+  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
+    margin-left: -20px;
+  }
+}
+
+.navbar-brand {
+  padding: 10px 20px;
+}
+
 .navbar-brand img {
   &.brand-logo, &.brand-icon {
     height: 30px;
diff --git a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
index 86ed11a99f..71977f91e2 100644
--- a/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
+++ b/misc/theme-cicada/src/opnsense/www/themes/cicada/build/css/main.css
@@ -3718,7 +3718,6 @@ tbody.collapse.in {
       border-radius: 0; } }
 
 .navbar-header {
-  padding-top: 12px;
 }
 
 .navbar-header:before, .navbar-header:after {
@@ -3810,6 +3809,21 @@ tbody.collapse.in {
   margin-bottom: 0;
   border-width: 1px 0 0; }
 
+.navbar-brand {
+  float: left;
+  padding: 15px 20px;
+  font-size: 18px;
+  height: 50px; }
+  .navbar-brand:hover, .navbar-brand:focus {
+    text-decoration: none; }
+
+@media (min-width: 768px) {
+  .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
+    margin-left: -20px; } }
+
+.navbar-brand {
+  padding: 10px 20px; }
+
 .navbar-brand img.brand-logo {
   height: 30px;
 }