style: make card brand icons responsive with flex-wrap

jimmyn · jimmyn · commit 903f01c85566 · 2025-10-02T20:56:42.000+02:00
Add flex-wrap: wrap to .monei-card-brands to allow icons to wrap
on smaller screens, matching Magento implementation. Prevents
overflow or cutoff of card brand icons when space is limited.
diff --git a/assets/css/monei-blocks-checkout.css b/assets/css/monei-blocks-checkout.css
@@ -81,6 +81,7 @@
     display: inline-flex;
     align-items: center;
     gap: 0.3125em;
+    flex-wrap: wrap;
 }
 
 .monei-card-brands img,

Original file line number	Diff line number	Diff line change
`@@ -81,6 +81,7 @@`
`81`	`81`	`display: inline-flex;`
`82`	`82`	`align-items: center;`
`83`	`83`	`gap: 0.3125em;`
	`84`	`+ flex-wrap: wrap;`
`84`	`85`	`}`
`85`	`86`
`86`	`87`	`.monei-card-brands img,`