Task List Checkbox Alignment
Summary
The checkboxes inserted when creating a task list do not align with the list bullets.
Steps to reproduce
- Add a list with radio boxes to an issue description
- Use a mix of list items with and without checkboxes
Expected behavior
- The radio boxes should align with the bullets of equal depth
- The left edge of text should alight with text of equal depth
Actual behavior
- The radio boxes start where text content normally starts
- The left edge of text is shifted to the right
Relevant logs and/or screenshots
- Task List
- [ ] Task 1
- [ ] Task 2
- Task 3
- [ ] Task 3a
- [ ] Task 3b
- [ ] Task 4
Possible fixes
- Pull the checkbox to the left with CSS
- Omit the whitespace after the checkbox
input.task-list-item-checkbox {
margin-left: -28px;
width: 28px;
}