From 28a6debb46fad320dcbf595abd5b6aec1aa9847f Mon Sep 17 00:00:00 2001
From: ian <ian@vidales.se>
Date: Sat, 4 Jan 2025 19:41:20 +0100
Subject: [PATCH] Fix a background issue on language selector and color
 selector mobile navigation

---
 www/src/Components/Navigation.jsx  |  2 +-
 www/src/Components/Navigation.scss | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/www/src/Components/Navigation.jsx b/www/src/Components/Navigation.jsx
index 5c26a5de6..b4fdebcb2 100644
--- a/www/src/Components/Navigation.jsx
+++ b/www/src/Components/Navigation.jsx
@@ -62,7 +62,7 @@ const Navigation = () => {
 			</Navbar.Brand>
 			<Navbar.Toggle aria-controls="responsive-navbar-nav" />
 			<Navbar.Collapse id="basic-navbar-nav">
-				<Nav className="me-auto">
+				<Nav className="me-auto nav-menu">
 					<Nav.Link as={NavLink} to="/settings" eventKey={eventKey++}>
 						{t('Navigation:settings-label')}
 					</Nav.Link>
diff --git a/www/src/Components/Navigation.scss b/www/src/Components/Navigation.scss
index 43a54f09b..12c843fcf 100644
--- a/www/src/Components/Navigation.scss
+++ b/www/src/Components/Navigation.scss
@@ -53,11 +53,13 @@ nav.navbar {
 		.nav-link {
 			margin-left: $nav-outer-margin;
 		}
-		.dropdown-menu {
-			background-color: transparent;
-			border: none;
-			.dropdown-item {
-				padding-left: 1.5rem;
+		.nav-menu {
+			.dropdown-menu {
+				background-color: transparent;
+				border: none;
+				.dropdown-item {
+					padding-left: 1.5rem;
+				}
 			}
 		}
 	}