From 3e756390cb096e3f1786575d4cf2c4db74abe085 Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@openfifth.co.uk>
Date: Wed, 1 Oct 2025 08:33:42 +0000
Subject: [PATCH] Bug 37762: VueJS framework: Update width of inputs inside
 modal dialog

Signed-off-by: Jason Robb <jrobb@sekls.org>
Signed-off-by: Lisette Scheer <lisette@bywatersolutions.com>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
---
 .../prog/js/vue/components/Dialog.vue         | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Dialog.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Dialog.vue
index 9af38374d1..a362f81e8b 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Dialog.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Dialog.vue
@@ -320,4 +320,23 @@ export default {
     padding: 0.4em;
     /* float: right; */
 }
+
+:deep(.modal-body form .v-select) {
+    width: 50%;
+}
+
+:deep(.modal-body .v-select),
+:deep(
+    .modal-body
+        input:not([type="submit"]):not([type="search"]):not(
+            [type="button"]
+        ):not([type="checkbox"]):not([type="radio"])
+),
+:deep(.modal-body textarea) {
+    min-width: 50%;
+}
+
+:deep(.modal-body .flatpickr-input) {
+    width: 50%;
+}
 </style>