diff --git a/changes/32340-idp-label-fields-padding b/changes/32340-idp-label-fields-padding new file mode 100644 index 0000000000..353cea669d --- /dev/null +++ b/changes/32340-idp-label-fields-padding @@ -0,0 +1 @@ +* Improve the layout of the IdP-driven label form \ No newline at end of file diff --git a/frontend/pages/labels/NewLabelPage/NewLabelPage.tsx b/frontend/pages/labels/NewLabelPage/NewLabelPage.tsx index bd0c5b24c3..5d82fbc676 100644 --- a/frontend/pages/labels/NewLabelPage/NewLabelPage.tsx +++ b/frontend/pages/labels/NewLabelPage/NewLabelPage.tsx @@ -426,31 +426,38 @@ const NewLabelPage = ({ case "host_vitals": return (
- -

is equal to

- + + + +

is equal to

+ +
+ + Currently, label criteria can be IdP group or department on macOS + hosts. +
); diff --git a/frontend/pages/labels/NewLabelPage/_styles.scss b/frontend/pages/labels/NewLabelPage/_styles.scss index 9358b9ee76..f9c1178ee2 100644 --- a/frontend/pages/labels/NewLabelPage/_styles.scss +++ b/frontend/pages/labels/NewLabelPage/_styles.scss @@ -41,13 +41,16 @@ &__host_vitals-fields { width: auto; display: flex; - align-items: center; - gap: $pad-medium; + flex-direction: column; + align-items: flex-start; + gap: $pad-small; + + #criterion-and-value { + display: flex; + align-items: center; + gap: $pad-medium; + } .form-field--dropdown { - margin-right: -14px; - .form-field__help-text { - white-space: nowrap; - } .Select { width: 300px; }