Fix multi select styling (#7843)

* Fix multi select styling so that the form field expands if not all items fit into a single line anymore.

Fixes https://github.com/rancher/dashboard/issues/7842

Signed-off-by: Bastian Hofmann <mail@bastianhofmann.de>

* Remove duplication in _select.scss

* Fix select heights in ContainerLogs, ContainerShell, ApplicationLogs and ApplicationShell components

Signed-off-by: Bastian Hofmann <mail@bastianhofmann.de>

Signed-off-by: Bastian Hofmann <mail@bastianhofmann.de>

pkg/epinio/windowComponents/ApplicationLogs.vue

@@ -460,6 +460,7 @@ export default {
       display: inline-block;
       min-width: 200px;
       height: 30px;
+      min-height: 30px;
       width: initial;
     }
   }

pkg/epinio/windowComponents/ApplicationShell.vue

@@ -355,6 +355,7 @@ export default {
     display: inline-block;
     min-width: 200px;
     height: 30px;
+    min-height: 30px;
     width: initial;
   }
 }

shell/assets/styles/global/_select.scss

@@ -9,16 +9,13 @@
 }
 
 .unlabeled-select:not(.in-input) {
-  height: $unlabeled-input-height;
+  min-height: $unlabeled-input-height;
 }
 .col {
   > .unlabeled-select:not(.taggable) {
     padding-top: 5px;
   }
 }
-.unlabeled-select:not(.in-input) {
-  height: $unlabeled-input-height;
-}
 
 .labeled-select,
 .unlabeled-select {

shell/components/nav/WindowManager/ContainerLogs.vue

@@ -631,6 +631,7 @@ export default {
       display: inline-block;
       min-width: 200px;
       height: 30px;
+      min-height: 30px;
       width: initial;
     }
   }

shell/components/nav/WindowManager/ContainerShell.vue

@@ -441,6 +441,7 @@ export default {
     display: inline-block;
     min-width: 200px;
     height: 30px;
+    min-height: 30px;
     width: initial;
   }
 }