From 80000c382173caaef3acc35853950bc0553df796 Mon Sep 17 00:00:00 2001
From: Tero Halla-aho <thallaa@gmail.com>
Date: Mon, 1 Dec 2025 10:34:25 +0200
Subject: [PATCH] Simplify language selector for alignment

---
 app/components/NavBar.tsx | 10 ++++++----
 app/globals.css           | 10 +---------
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/app/components/NavBar.tsx b/app/components/NavBar.tsx
index fea7f99..c5b99ba 100644
--- a/app/components/NavBar.tsx
+++ b/app/components/NavBar.tsx
@@ -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>
diff --git a/app/globals.css b/app/globals.css
index 9b2aedd..40672c8 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -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;