NAS-133263: Mobile QA for containers (#11249)

truenas · Dec 31, 2024 · 1d922cb · 1d922cb
1 parent c87d61c
commit 1d922cb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 12 deletions.
diff --git a/src/app/modules/forms/ix-forms/components/ix-form-glossary/ix-form-glossary.component.scss b/src/app/modules/forms/ix-forms/components/ix-form-glossary/ix-form-glossary.component.scss
@@ -2,18 +2,18 @@
 
 :host {
   position: relative;
+
+  @media (max-width: $breakpoint-sm) {
+    display: none;
+  }
 }
 
 .search-container {
   margin-left: 16px;
-  min-width: 250px;
+  max-width: 250px;
   position: sticky;
   top: 0;
-  width: 20%;
-
-  @media (max-width: $breakpoint-xs) {
-    display: none;
-  }
+  width: 100%;
 
   .search-card {
     background-color: var(--bg2);

diff --git a/...onents/all-instances/instance-list/stop-options-dialog/stop-options-dialog.component.scss b/...onents/all-instances/instance-list/stop-options-dialog/stop-options-dialog.component.scss
@@ -1,4 +1,4 @@
 :host {
   display: block;
-  width: 350px;
+  min-width: 350px;
 }
diff --git a/src/app/pages/virtualization/components/instance-wizard/instance-wizard.component.scss b/src/app/pages/virtualization/components/instance-wizard/instance-wizard.component.scss
@@ -32,12 +32,9 @@ ix-fieldset {
 }
 
 .protocol-and-port {
-  display: flex;
+  display: grid;
   gap: 12px;
-
-  .protocol {
-    width: 100px;
-  }
+  grid-template-columns: 1fr 1fr;
 }
 
 ngx-skeleton-loader {