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>

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>