On Codex Special:Block, there are three radio buttons for selecting the 'type' of the block expiry that show associated controls for setting the actual expiry if selected. The margins between the radio button and the associated control are odd: the top margin of the associated controls is higher than the bottom margin. I would expect it to be the other way round to indicate that the controls belong to the selected radio button and not to the next one as currently.
Derived Requirement
Ensure that in Codex Special:Block, the associated controls for each block expiry radio button are visually grouped with their corresponding radio button by applying appropriate top and bottom margins—specifically, the top margin should be smaller than the bottom margin to indicate visual association.
Test Steps
Test Case 1: Ensure Correct Visual Grouping of Block Expiry Controls with Radio Buttons
- Navigate to Codex Special:Block on beta.
- Scroll to the *Block expiry* section.
- Observe the spacing between each radio button and its corresponding control input (e.g., date/time picker or dropdown).
- ✅❓❌⬜ AC1: Confirm that the top margin between the radio button and its associated controls is smaller than the bottom margin, clearly indicating that the controls belong to the selected radio button.
QA Results - Test Wiki
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T391070#10742046 |
