IBX-12279: Removed the stray bottom margin from choice input labels - #136
Open
tischsoic wants to merge 1 commit into
Open
IBX-12279: Removed the stray bottom margin from choice input labels#136tischsoic wants to merge 1 commit into
tischsoic wants to merge 1 commit into
Conversation
The 9px margin-bottom on .ids-choice-input-label inflated the flex line of .ids-toggle and .ids-choice-input-field, pushing the switch/checkbox 2px down and leaving dead space under every checkbox row. Co-Authored-By: Claude <noreply@anthropic.com>
dew326
approved these changes
Aug 31, 2026
OstafinL
approved these changes
Sep 1, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Related PRs:
Description:
.ids-choice-input-labelcarried amargin-bottom: 9pxthat inflated the flex line of.ids-toggleand.ids-choice-input-field: the switch/checkbox sat 2px below centre and every checkbox row had 9px of dead space underneath. Removing it restores the 4px label→input gap from IBX-12187 for toggles and checkbox rows.For QA:
Storybook: ToggleButton, Checkbox and RadioButton stories — the control is vertically centred with its text, no gap under the row. Back office (with the admin-ui PR): user create "Enabled" toggle and any checkbox sub-field sit 4px under their label.
Documentation: