feat(returns): ORDERS-7771 tighten spacing on mobile and tablet viewports

[bc-bryan]

What?

Adds css changes for the mobile and tablet viewport so they layout per the figma reference.

Requirements

• CHANGELOG.md entry added (required for code changes only)

Tickets / Documentation

Add links to any relevant tickets and documentation.

• ORDERS-7771

Screenshots (if appropriate)

---

Note

Low Risk
Presentation-only SCSS in shared account components; no logic, auth, or data changes. Minor cross-page visual impact on other account lists using the same title classes.

Overview
Tightens account list row layout on small and medium viewports so the returns list matches the Figma reference, with a Draft CHANGELOG entry for ORDERS-7771.

In _account.scss, .account-listItem-summary uses a smaller flex gap and pushes list buttons to the trailing edge via margin-left: auto. .account-listItem-summary-main adds min-width: 0 on the product title and order status label so long text wraps instead of overflowing in flex rows.

.account-product-title is smaller on narrow screens (fontSize("smallest"), stepping up at the medium breakpoint) with adjusted bottom margin; .account-product-detail-heading spacing is slightly reduced. Because these selectors are shared account styles, the typography tweaks can show on other account list views that reuse the same classes—not only returns.

^{Reviewed by Cursor Bugbot for commit 87f3cd3. Bugbot is set up for automated code reviews on this repo. Configure here.}

[cursor]

Cursor Bugbot has reviewed your changes and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, have a team admin enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit 87f3cd3. Configure here.}

[cursor]

Shared title styles widen scope

Medium Severity

Mobile/tablet font and margin updates on .account-product-title and .account-product-detail-heading apply account-wide, not only returns. Order list, order line items, and account messages inherit smaller titles and tighter detail labels though the change targets the returns list.

Additional Locations (1)

• assets/scss/components/stencil/account/_account.scss#L262-L263

 

^{Reviewed by Cursor Bugbot for commit 87f3cd3. Configure here.}

[cursor]

Duplicate margin property ignored

Low Severity

.account-product-title declares margin twice in a row; the first spacing("eighth") value is always overridden by spacing("quarter"), so the earlier rule is dead and easy to misread during later edits.

 

^{Reviewed by Cursor Bugbot for commit 87f3cd3. Configure here.}