Skip to content

fix(forms): adjust form check spacing - #2455

Open
spike-rabbit wants to merge 1 commit into
mainfrom
fix/forms-adjust-form-check-spacing
Open

fix(forms): adjust form check spacing#2455
spike-rabbit wants to merge 1 commit into
mainfrom
fix/forms-adjust-form-check-spacing

Conversation

@spike-rabbit

@spike-rabbit spike-rabbit commented Jul 30, 2026

Copy link
Copy Markdown
Member

Summary

  • use 16px spacing between standard form items
  • apply 4px spacing to check and radio rows, including fieldsets that contain them
  • preserve the 20px check and radio row height

Documentation.
Examples.
Dashboards Demo.
Playwright report.

Coverage Reports:

Code Coverage

@panch1739 panch1739 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is perfect, i just realised another detail...in Figma, the distance between the label and a checkbox/radio group is 8px

Image

@spike-rabbit
spike-rabbit force-pushed the fix/forms-adjust-form-check-spacing branch from 3138766 to 406190c Compare July 31, 2026 07:40

@panch1739 panch1739 left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Much better!

Use the standard 16px form-item gap while giving check and radio rows a 4px gap.

See #612
@spike-rabbit
spike-rabbit force-pushed the fix/forms-adjust-form-check-spacing branch from 406190c to cd156a1 Compare July 31, 2026 14:41
@spike-rabbit
spike-rabbit marked this pull request as ready for review July 31, 2026 16:07
@spike-rabbit
spike-rabbit requested review from a team as code owners July 31, 2026 16:07
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants