search

aemsites / stericycle-shared

Edge Delivery Service Site for Stericycle sites
https://www.shredit.com, https://www.stericycle.com
Apache License 2.0
0 stars 1 forks source link

Multi-Step Form - Front End Layout Issues #358

Closed colinvlasak closed 1 hour ago

colinvlasak commented 1 month ago

There are a few issues with the layout of multistep forms on EDS

Example Page: https://main--shredit--stericycle.aem.live/en-us/marketing/document-destruction-for-one-time-and-regular

Left and Right padding is not equal. Should be uniform on both sides. Service boxes should extend same width as progress bar. Progress bar, service options, and buttons should all be aligned.

The text within the service options should be vertically centered within the boxes and aligning with the icons (currently too low).

image

3rd step has a vertical scroll bar. This should not appear.

image

4th step - "To find out what personal data we collect and how we use it, please visit our Privacy Policy." is way too large. Should be same size as "I would like to receive Shred-it emails" text. The line spacing/padding above and below is also too big.

image

You can see the example on our live site for how it should look - https://www.shredit.com/en-us/who-we-serve/finance

colinvlasak commented 1 month ago

@ravise5 @jalagari feedback on form layout for multistep