UI Polish Review: Contact page

[Oliviammarcello]

UI polish review:

• For the Contact section (not the template) can we add a heading input to the settings? Figma The styling of the heading should match all other section headings
• On both the contact form template and section, the form field labels are misaligned in the container on both desktop and mobile. Screenshot.
• For the success message, can the green check align to the text on the first line instead of the center? Screenshot

[melissaperreault]

On both the contact form template and section, the form field labels are misaligned in the container on both desktop and mobile.

@ludoboludo I would suggest to look at the global style as well to ensure all input or select components have good vertical alignment 🙏

[ludoboludo]

The label font size is set to 1.6rem on both mobile and desktop. Is that ok to keep it that way ? I ask specifically for mobile:

[melissaperreault]

Is that ok to keep it that way ? I ask specifically for mobile

I think so, but open to chat about the waterfall effect. I believe this was changed due to the zoom default iOS have on fonts smaller than 16px.
The page width became bigger for some reason and didn't revert back when form field input text size is smaller.

Image.from.iOS.1.MP4

[ludoboludo]

Ah right I forgot about this thing, perfect. It's easier for me to keep it this way anyway :)