Fix language and theme selectors on mobile and desktop

Author: 7heMech

frontend/src/pages/Login/index.tsx

@@ -43,17 +43,17 @@ export default function Login() {
 
 	return (
 		<Page className="page page-center">
-			<div className={cn("d-none", "d-md-flex", styles.helperBtns)}>
-				<LocalePicker />
-				<ThemeSwitcher />
-			</div>
 			<div className="container container-tight py-4">
-				<div className="text-center mb-4">
+				<div className="d-flex justify-content-between align-items-center mb-4 ps-4 pe-3">
 					<img
 						className={styles.logo}
 						src="/images/logo-text-horizontal-grey.png"
 						alt="Nginx Proxy Manager"
 					/>
+					<div className={cn("d-flex", "align-items-center", "gap-1")}>
+						<LocalePicker />
+						<ThemeSwitcher />
+					</div>
 				</div>
 				<div className="card card-md">
 					<div className="card-body">
@@ -125,4 +125,4 @@ export default function Login() {
 			</div>
 		</Page>
 	);
-}
+}