From 5abde14b19bc0b965a9a525b8b62aa8c43dcc35e Mon Sep 17 00:00:00 2001 From: Pablo Vazquez Date: Thu, 9 Feb 2023 14:38:24 +0100 Subject: [PATCH] UI: Fix alignment of navbar expand toggle --- public/css/theme-bthree-dark.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/public/css/theme-bthree-dark.css b/public/css/theme-bthree-dark.css index f379805..e61a224 100644 --- a/public/css/theme-bthree-dark.css +++ b/public/css/theme-bthree-dark.css @@ -377,6 +377,10 @@ strong, b, h1, h2, h3, h4, h5, h6, display: none; } +.following.bar #navbar .brand #navbar-expand-toggle { + margin-left: var(--spacer-4); +} + /* Hide brand navbar completely when not in mobile. */ @media (min-width: 768px) { .following.bar #navbar .brand { @@ -384,9 +388,9 @@ strong, b, h1, h2, h3, h4, h5, h6, } } -/* Invert direction so navbar toggle are in the same place when logged in/out. */ +/* Align items (notifications, dropdown toggle) to the right. */ .following.bar #navbar .brand { - flex-direction: row-reverse; + justify-content: flex-end !important; } /* Navbar logo. */