Fixes #37557 - change job wizard width

theforeman · Jun 14, 2024 · 2bc33c9 · 2bc33c9
1 parent 356605f
commit 2bc33c9
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/webpack/JobWizard/JobWizard.scss b/webpack/JobWizard/JobWizard.scss
@@ -16,7 +16,17 @@
     ); // So the select box can be shown above the wizard footer and navigation toggle
   }
   .pf-c-wizard__main-body {
-    max-width: 500px;
+    @media (max-width: 600px) {
+      max-width: 100%;
+    }
+
+    @media (min-width: 601px) and (max-width: 1300px) {
+      max-width: 65vw;
+    }
+    @media (min-width: 1301px) {
+      max-width: 50vw;
+    }
+
     .advanced-fields-title {
       margin-bottom: 10px;
     }
@@ -40,6 +50,9 @@
         flex-wrap: nowrap;
       }
     }
+    .foreman-search-field {
+      width: 100%;
+    }
   }
   input[type='radio'],
   input[type='checkbox'] {
@@ -110,10 +123,6 @@
     min-height: 40px;
     min-width: 100px;
   }
-  #host-selection {
-    width: 500px;
-  }
-
   .pf-c-modal-box {
     width: auto;
   }