From 3d86d6f7d8fa152151b6e3cff120534a4257e871 Mon Sep 17 00:00:00 2001
From: Cohee <18619528+Cohee1207@users.noreply.github.com>
Date: Tue, 19 Mar 2024 02:38:42 +0200
Subject: [PATCH] Reduce language selector width

---
 public/index.html | 6 +++---
 public/style.css  | 4 ++++
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index 1f6112ca7..fbefd02ac 100644
--- a/public/index.html
+++ b/public/index.html
@@ -3245,7 +3245,7 @@
                 <div class="flex-container flexFlowColumn">
                     <div name="userSettingsRowOne" class="flex-container flexFlowRow alignitemscenter spaceBetween">
                         <div class="flex-container">
-                            <div class="flex-container flexnowrap alignitemscenter">
+                            <div class="flex-container flexnowrap alignItemsBaseline">
                                 <h3 class="margin0"><span data-i18n="User Settings">User Settings</span></h3>
                                 <select id="ui_mode_select" class="margin0 widthNatural">
                                     <option value="0" data-i18n="Simple">Simple</option>
@@ -3253,9 +3253,9 @@
                                 </select>
                             </div>
                         </div>
-                        <div id="UI-language-block" class="flex-container alignitemscenter">
+                        <div id="UI-language-block" class="flex-container alignItemsBaseline">
                             <span data-i18n="UI Language">Language:</span>
-                            <select id="ui_language_select" class="widthNatural flex1 margin0">
+                            <select id="ui_language_select" class="flex1 margin0">
                                 <option value="" data-i18n="Default">Default</option>
                                 <option value="en">English</option>
                             </select>
diff --git a/public/style.css b/public/style.css
index 31fb166c2..17da3b883 100644
--- a/public/style.css
+++ b/public/style.css
@@ -3340,6 +3340,10 @@ a {
     transition: all 250ms;
 }
 
+#ui_language_select {
+    width: 10em;
+}
+
 #extensions_settings .inline-drawer-toggle.inline-drawer-header:hover,
 #extensions_settings2 .inline-drawer-toggle.inline-drawer-header:hover {
     filter: brightness(150%);