diff --git a/changes/issue-6761-align-checkboxes b/changes/issue-6761-align-checkboxes new file mode 100644 index 0000000000..9bf6d4f2c5 --- /dev/null +++ b/changes/issue-6761-align-checkboxes @@ -0,0 +1 @@ +* Clean up checkbox alignment \ No newline at end of file diff --git a/frontend/components/PlatformSelector/_styles.scss b/frontend/components/PlatformSelector/_styles.scss index e616c7b011..56eea1e49b 100644 --- a/frontend/components/PlatformSelector/_styles.scss +++ b/frontend/components/PlatformSelector/_styles.scss @@ -8,8 +8,6 @@ span { display: flex; - align-items: center; - padding: 0; } form, @@ -17,17 +15,8 @@ display: inline-flex; } - &__checkboxes { - padding-top: 0; - padding-bottom: $pad-small; - } &__platform-checkbox-wrapper { padding-left: 12px; margin: 0; - - .fleet-checkbox__label { - transform: translateY(2px); - padding-left: $pad-xsmall; - } } } diff --git a/frontend/components/forms/fields/Checkbox/_styles.scss b/frontend/components/forms/fields/Checkbox/_styles.scss index fa0f95f8d4..3e8698f56e 100644 --- a/frontend/components/forms/fields/Checkbox/_styles.scss +++ b/frontend/components/forms/fields/Checkbox/_styles.scss @@ -40,7 +40,7 @@ &__tick { @include size(20px); - @include position(absolute, 3px null null 0); + @include position(absolute, 0 null null 0); display: inline-block; &::after { @@ -85,11 +85,13 @@ font-size: $x-small; padding-left: $pad-small; display: inline; + vertical-align: top; } &__label-tooltip { font-size: $x-small; padding-left: $pad-small; display: inherit; + vertical-align: top; } }