Simplify language selector for alignment

This commit is contained in:
Tero Halla-aho 2025-12-01 10:34:25 +02:00
parent 2726ba552b
commit 80000c3821
2 changed files with 7 additions and 13 deletions

View file

@ -195,10 +195,12 @@ export default function NavBar() {
</>
)}
<label className="language-wrapper">
<span className="language-label">
<Icon name="globe" /> {t('navLanguage')}:
</span>
<select value={locale} onChange={(e) => setLocale(e.target.value as any)} className="language-select">
<select
aria-label={t('navLanguage')}
value={locale}
onChange={(e) => setLocale(e.target.value as any)}
className="language-select"
>
<option value="fi">🇫🇮 Suomi</option>
<option value="sv">🇸🇪 Svenska</option>
<option value="en">🇬🇧 English</option>

View file

@ -48,18 +48,10 @@ body {
.language-wrapper {
display: flex;
align-items: center;
gap: 8px;
gap: 0;
margin-left: 8px;
}
.language-label {
display: flex;
align-items: center;
gap: 4px;
font-size: 12px;
color: var(--muted);
}
.language-select {
min-height: 44px;
padding: 10px 12px;