diff --git a/changes/issue-8753-input-field-alignment b/changes/issue-8753-input-field-alignment new file mode 100644 index 0000000000..ab89bc672e --- /dev/null +++ b/changes/issue-8753-input-field-alignment @@ -0,0 +1 @@ +* Fix buggy input field alignments \ No newline at end of file diff --git a/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss b/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss index 7c54c6224a..a9ef065d47 100644 --- a/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss +++ b/frontend/components/AddHostsModal/PlatformWrapper/_styles.scss @@ -63,7 +63,7 @@ } } - &__advanced { + &__advanced--installer { .input-field { height: 115px; } @@ -127,9 +127,6 @@ &__advanced { padding-top: 6px; - .input-field__textarea { - min-height: 92px; - } .reveal-button { margin: 8px 0; } diff --git a/frontend/components/forms/FormField/_styles.scss b/frontend/components/forms/FormField/_styles.scss index b69dbaa1a1..27bbfc17f7 100644 --- a/frontend/components/forms/FormField/_styles.scss +++ b/frontend/components/forms/FormField/_styles.scss @@ -7,7 +7,7 @@ color: $core-fleet-black; display: block; margin-bottom: $pad-small; - height: $form-field-label-height; + min-height: $form-field-label-height; &--error { font-weight: $bold; diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/_styles.scss b/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/_styles.scss index bd60bc1ded..74522428cd 100644 --- a/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/_styles.scss +++ b/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/_styles.scss @@ -27,6 +27,11 @@ } } + &__name { + .buttons { + margin-top: 10px; + } + } &__os-policy-copy-icon { color: $core-vibrant-blue; margin-left: $pad-small;