From b60d8fb6457cdc69ee7fcee18dad42832652ec31 Mon Sep 17 00:00:00 2001
From: Daan Hoogland <dahn@apache.org>
Date: Thu, 23 Oct 2025 14:46:58 +0200
Subject: [PATCH 1/3] set width of dropdown select items for Network Offering
 during add tier dialog

---
 ui/src/views/network/VpcTiersTab.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 4f6aaef4445d..2f77ce9c9aa3 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -193,8 +193,9 @@
               optionFilterProp="label"
               :filterOption="(input, option) => {
                 return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-              }" >
-              <a-select-option v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
+              }"
+               >
+              <a-select-option style="width: 200%;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
                 {{ item.displaytext || item.name || item.description }}
               </a-select-option>
             </a-select>

From faac406da445715e3e3142a2b961af40bf4f656a Mon Sep 17 00:00:00 2001
From: dahn <daan.hoogland@gmail.com>
Date: Tue, 4 Nov 2025 17:09:36 +0100
Subject: [PATCH 2/3] Alternative solution

---
 ui/src/views/network/VpcTiersTab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 2f77ce9c9aa3..2367fd56809c 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -195,7 +195,7 @@
                 return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
               }"
                >
-              <a-select-option style="width: 200%;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
+              <a-select-option style="overflow-x: auto; white-space: nowrap;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
                 {{ item.displaytext || item.name || item.description }}
               </a-select-option>
             </a-select>

From 48b4ab47b78adafbd0403820a3f564e2752a0054 Mon Sep 17 00:00:00 2001
From: Daan Hoogland <dahn@apache.org>
Date: Tue, 4 Nov 2025 17:44:13 +0100
Subject: [PATCH 3/3] Revert "Alternative solution", doesn't work!

---
 ui/src/views/network/VpcTiersTab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 2367fd56809c..2f77ce9c9aa3 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -195,7 +195,7 @@
                 return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
               }"
                >
-              <a-select-option style="overflow-x: auto; white-space: nowrap;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
+              <a-select-option style="width: 200%;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
                 {{ item.displaytext || item.name || item.description }}
               </a-select-option>
             </a-select>