From 5b3e4254cd8a9b23f2756acd99a3ed17866b90ad Mon Sep 17 00:00:00 2001 From: Olaf Alders Date: Fri, 18 Sep 2026 14:00:20 +0000 Subject: [PATCH 1/2] Fix logout dropdown item styling after Bootstrap 5 upgrade Scope the navbar-right button reset to :not(.dropdown-item) so the logout button keeps normal .dropdown-item styling instead of the icon-button reset. Co-authored-by: Claude Opus 4.8 --- root/static/scss/nav.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/root/static/scss/nav.scss b/root/static/scss/nav.scss index 5862af868c..ad4ab217c1 100644 --- a/root/static/scss/nav.scss +++ b/root/static/scss/nav.scss @@ -148,7 +148,10 @@ nav.navbar { justify-self: end; margin: 0; - button { + // Target the icon/toggle buttons only. Dropdown menu items (e.g. the + // logout button) must keep Bootstrap's .dropdown-item styling so they + // match their siblings instead of getting the icon-button reset. + button:not(.dropdown-item) { background-color: transparent; border: 0; padding: 0 6px; From b11fe3bfa84479c3744e13b781e25c9aa58bc906 Mon Sep 17 00:00:00 2001 From: Olaf Alders Date: Fri, 18 Sep 2026 14:13:30 +0000 Subject: [PATCH 2/2] Match hover underline on logout dropdown item Co-authored-by: Claude Opus 4.8 --- root/static/scss/nav.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/root/static/scss/nav.scss b/root/static/scss/nav.scss index ad4ab217c1..f8886a783c 100644 --- a/root/static/scss/nav.scss +++ b/root/static/scss/nav.scss @@ -198,6 +198,13 @@ nav.navbar { border-radius: 5px; margin-top: 4px; position: absolute; + + // dropdown items get a hover underline from the global a:hover + // rule; match it on button dropdown items (logout) so they behave + // the same as their siblings. + button.dropdown-item:hover { + text-decoration: underline; + } } .login-dropdown {