Skip to content

chore: adjust UI of express payment methods in dc#248

Merged
jakubjasinsky merged 2 commits intomasterfrom
dc-adjustments-express
Mar 19, 2026
Merged

chore: adjust UI of express payment methods in dc#248
jakubjasinsky merged 2 commits intomasterfrom
dc-adjustments-express

Conversation

@jakubjasinsky
Copy link
Collaborator

Summary

Unify the visual appearance of express checkout payment methods (Apple Pay, Google Pay, saved cards, saved APMs) with consistent sizing, spacing, and styling.

Changes

  • Unify gap between wallet buttons and saved payment methods to 10px (was 20px/8px)
  • Set all express checkout buttons to consistent 48px height
  • Switch Apple Pay button to white-outline style, Google Pay to white with custom black border
  • Add black borders to saved cards/APMs, matching wallet button styling
  • Remove hover background changes on Google Pay, saved cards, and saved APMs
  • Darken loading spinner in saved payment method buttons
  • Increase border-radius of regular payment methods section to 12px
  • Add margin-bottom to express checkout header to preserve spacing after gap reduction

Impact

  • Visual changes only — no logic or API changes
  • Apple Pay button now renders as white with outline (was black) — requires Safari to verify

@jakubjasinsky jakubjasinsky force-pushed the dc-adjustments-express branch from 7355a26 to 4616fb7 Compare March 19, 2026 09:58
@jakubjasinsky jakubjasinsky requested review from a team and szymon-mysiak-cko and removed request for a team March 19, 2026 10:26
@jakubjasinsky jakubjasinsky merged commit 08ef7c2 into master Mar 19, 2026
5 checks passed
@jakubjasinsky jakubjasinsky deleted the dc-adjustments-express branch March 19, 2026 11:02
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants