section .row > input[type=radio] + label,
section .row > input[type=checkbox] + label,
section .row > .toggle + label {
width: 100%;
max-width: 100%;
}
parentEl > el1 + el2 means el2 must be the direct next sibling of el1 inside parentEl.
CSS is for cascading stylesheet so no selector can exists going backward in the DOM tree.
Must be a following element.
If not following, label behave like when it’s on top of a text element, aka 30% max.
So it doesn’tt cover the complete row, and only the label element width toggles the checkbox, not the full row width (incl. the toggle element width)
So yeah, definitely better to put it after.
Cheers,
Remi