I have the same problem and need help with the css:
The effect of my current css (no themes applied):
Current css lines need fixes:
ul, ol { font-size: 13px ; line-height: 120% ; margin-left: 9% ; padding: 0px 0px 0px 0px ; margin-top: 0px !important; }
li, li p { font-size: 13px ; line-height: 120% ; margin-left: 0% !important ; padding: 1.5% 0px 0px 0px ; margin -top: 0px !important; }
.task-list-item-checkbox { margin-left: 9% ; margin: 0px 0px 0px 0px ; }
THE PROBLEMS
Editor view:
After checkbox, the left alignment of first line vs subsequent lines is not perfect.
Preview:
Same as OP, lines wrap under checkbox.