diff --git a/landing/src/app/ui/contact-form.scss b/landing/src/app/ui/contact-form.scss index 9a1edab..33501a4 100644 --- a/landing/src/app/ui/contact-form.scss +++ b/landing/src/app/ui/contact-form.scss @@ -1,7 +1,14 @@ +// The gap has to beat the distance from a field to its own error message, +// which Material renders flush underneath it — 0px. At 1.25rem the message +// ended up 6px from the *next* field's label and 0px from its own field, so +// "Falta el nombre" read as the caption of "HORAS POR SEMANA" rather than of +// the field above it. The three lines have to group with the field they belong +// to, which means the space between rows must be visibly larger than the space +// inside one. .landing-form { display: flex; flex-direction: column; - gap: 1.25rem; + gap: 2rem; } .landing-form__kind {