From e1278f8164722ea2555c8df8a6c48c446ff21f6d Mon Sep 17 00:00:00 2001
From: Daniel Markstedt <markstedt@gmail.com>
Date: Mon, 4 Dec 2023 07:57:12 +0900
Subject: [PATCH] Style the width of the attach device dropdowns

---
 python/web/src/static/themes/modern/style.css | 6 +++++-
 python/web/src/templates/index.html           | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/python/web/src/static/themes/modern/style.css b/python/web/src/static/themes/modern/style.css
index 3710dc0c..4aa05505 100644
--- a/python/web/src/static/themes/modern/style.css
+++ b/python/web/src/static/themes/modern/style.css
@@ -858,7 +858,7 @@ section#upload a p {
 
 /*
  ------------------------------------------------------------------------------
- Index > Section: Attach peripheral devices
+ Index > Section: Attach devices
  ------------------------------------------------------------------------------
  */
 section#attach-devices table th:last-child,
@@ -870,6 +870,10 @@ section#attach-devices form {
   display: block;
 }
 
+section#attach-devices table form select.table-dropdown {
+  width: 16rem;
+}
+
 @media (max-width: 900px) {
   section#attach-devices table tr th:nth-child(2),
   section#attach-devices table tr td:nth-child(2) {
diff --git a/python/web/src/templates/index.html b/python/web/src/templates/index.html
index 86b8f23f..c8f78b01 100644
--- a/python/web/src/templates/index.html
+++ b/python/web/src/templates/index.html
@@ -455,7 +455,7 @@
                 {% endfor %}
                 {% if type in DISK_DEVICE_TYPES %}
                 <label for="{{ type }}_drive_name">{{ _("Identify as:") }}</label>
-                <select name="drive_name" id="{{ type }}_drive_name">
+                <select name="drive_name" id="{{ type }}_drive_name" class="table-dropdown">
                 <option value="">
                 {{ _("Generic device") }}
                 </option>
@@ -489,7 +489,7 @@
                 {% endif %}
                 </select>
                 <label for="{{ type }}_image_file_name">{{ _("Image file:") }}</label>
-                <select name="file_name" id="{{ type }}_image_file_name" {% if type not in REMOVABLE_DEVICE_TYPES %}required{% endif %}>
+                <select name="file_name" id="{{ type }}_image_file_name" class="table-dropdown" {% if type not in REMOVABLE_DEVICE_TYPES %}required{% endif %}>
                 <option value="" selected {% if type not in REMOVABLE_DEVICE_TYPES %}disabled{% endif %}>
                 {% if type in REMOVABLE_DEVICE_TYPES %}
                 {{ _("None") }}