css: Navbar styling fixes in mobile layout

Fix the following:

- In mobile layout, the logout button has incorrect text color and when
hovering, wrong background color.

- In mobile layout, when user menu is expanded, there is no spacing between the
end of the menu and the border for the expanded menu items.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
This commit is contained in:
Sunil Mohan Adapa 2024-10-07 05:20:23 -07:00 committed by Veiko Aasa
parent 3e0b86eac8
commit 07d0e839d3
No known key found for this signature in database
GPG Key ID: 478539CAE680674E

View File

@ -475,12 +475,19 @@ footer {
.main-header .navbar-nav > li > a:focus,
.main-header .navbar-nav > li > a:hover,
.main-header .navbar-nav li > form > input,
.main-header .navbar-nav li > form > input:focus,
.main-header .navbar-nav li > form > input:hover,
.main-header .navbar-nav .show a,
.main-header .navbar-nav .show a:hover,
.main-header .navbar-nav .show a:focus {
color: #FFF;
background: transparent;
}
.main-header .navbar-nav .nav-item:last-of-type .dropdown-menu {
margin-bottom: 1.25rem;
}
}
/* Cards in Apps, System and Help pages */