Input labels are displayed above their input elements when the viewport width is below 30em. This arrangement relies on Observable's cell margins for vertical spacing between successive inputs.
The new form() helper simply wraps widgets in a div without adding extra styling, which causes labels to appear closer to the preceding element.
Suggested solution:
Add a class to the default template div, and via that class apply vertical margin to the wrapped child elements.
Input labels are displayed above their input elements when the viewport width is below 30em. This arrangement relies on Observable's cell margins for vertical spacing between successive inputs.
The new form() helper simply wraps widgets in a div without adding extra styling, which causes labels to appear closer to the preceding element.
Suggested solution: Add a class to the default template div, and via that class apply vertical margin to the wrapped child elements.