This is a minor issue with the input component from the core_components.ex file (used in phx.gen.live)
A margin top is added by default on inputs for the spacing between the label and the input.
However it is not removed if a label is not provided. Which causes alignment issue when combining the input component with other elements.
Description
This is a minor issue with the input component from the
core_components.ex
file (used in phx.gen.live) A margin top is added by default on inputs for the spacing between the label and the input.However it is not removed if a label is not provided. Which causes alignment issue when combining the input component with other elements.
As suggested by José Valim, putting the margin on the label itself is more appropriate.
Changes
attr
to thelabel
componentmt-2
from inputs inCoreComponents
mb-2
tolabel
withinput
Closes #5832