From c5353a6874ec90386147c8d033f55188408a80e3 Mon Sep 17 00:00:00 2001
From: Adam Ratzman <adamratzman@microsoft.com>
Date: Thu, 19 Dec 2024 15:10:36 -0500
Subject: [PATCH 1/3] position the language listbox to bottom

---
 src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor b/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor
index 973fbf5642..fcc7d68176 100644
--- a/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor
+++ b/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor
@@ -23,12 +23,13 @@
             <FluentSelect
                 TOption="CultureInfo"
                 Immediate="true"
+                Position="SelectPosition.Below"
                 Label="@Loc[nameof(Dialogs.SettingsDialogLanguage)]"
                 Items="@_languageOptions"
                 OptionText="@(c => c.NativeName.Humanize())"
                 @bind-SelectedOption="@_selectedUiCulture"
                 @bind-SelectedOption:after="@OnLanguageChanged"
-                Style="margin-bottom: 2px;"/>
+                Style="margin-bottom: 2px; width: 90%"/>
 
             <p class="setting-subtext">@Loc[nameof(Dialogs.SettingsDialogLanguagePageReloads)]</p>
         </div>

From 96a1c067bd0583fab007b295eb75aa66b9eb930e Mon Sep 17 00:00:00 2001
From: Adam Ratzman <adamratzman@microsoft.com>
Date: Thu, 19 Dec 2024 15:14:13 -0500
Subject: [PATCH 2/3] Don't need width property

---
 src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor b/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor
index fcc7d68176..e656452dae 100644
--- a/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor
+++ b/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor
@@ -29,7 +29,7 @@
                 OptionText="@(c => c.NativeName.Humanize())"
                 @bind-SelectedOption="@_selectedUiCulture"
                 @bind-SelectedOption:after="@OnLanguageChanged"
-                Style="margin-bottom: 2px; width: 90%"/>
+                Style="margin-bottom: 2px;"/>
 
             <p class="setting-subtext">@Loc[nameof(Dialogs.SettingsDialogLanguagePageReloads)]</p>
         </div>

From 13bf27db98c808f589c95eed472eb9b17581241a Mon Sep 17 00:00:00 2001
From: Adam Ratzman <adamratzman@microsoft.com>
Date: Thu, 23 Jan 2025 13:29:40 -0500
Subject: [PATCH 3/3] Add min-width

---
 src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor | 2 +-
 src/Aspire.Dashboard/wwwroot/css/app.css                     | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor b/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor
index c685ceb758..d73d963b30 100644
--- a/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor
+++ b/src/Aspire.Dashboard/Components/Dialogs/SettingsDialog.razor
@@ -30,7 +30,7 @@
                 OptionText="@(c => c.NativeName.Humanize())"
                 @bind-SelectedOption="@_selectedUiCulture"
                 @bind-SelectedOption:after="@OnLanguageChanged"
-                Style="margin-bottom: 2px;"/>
+                Class="language-select"/>
 
             <p class="setting-subtext">@Loc[nameof(Dialogs.SettingsDialogLanguagePageReloads)]</p>
         </div>
diff --git a/src/Aspire.Dashboard/wwwroot/css/app.css b/src/Aspire.Dashboard/wwwroot/css/app.css
index 2bdc0b23f0..8541c6be05 100644
--- a/src/Aspire.Dashboard/wwwroot/css/app.css
+++ b/src/Aspire.Dashboard/wwwroot/css/app.css
@@ -734,3 +734,8 @@ fluent-switch.table-switch::part(label) {
 .clear-button::part(control) {
     padding: 0 calc((10 + (var(--design-unit) * 2 * var(--density))) * 1px);
 }
+
+.language-select {
+    margin-bottom: 2px;
+    min-width: 240px;
+}