Skip to content

Checkout: Alignment and spacing problems at mobile widths #92606

Open

Description

Quick summary

I noticed some alignment and spacing problems at mobile widths in checkout:

mobile-width

The first one (for "Have a coupon?") is obviously bad.

The second one (lack of space between "Total" and the line underneath) is not too bad, and looks like it was just introduced by #88493. Note that when taxes haven't been calculated yet the spacing is OK:

mobile-width-tax-to-be-calculated

Steps to reproduce

Put an item in your shopping cart and view the screen at mobile widths.

What you expected to happen

Good alignment and spacing of all elements on the page.

What actually happened

See above.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

No response

Logs or notes

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions