Moving this to the backlog until we have a consistent solution to add DOM elements to label in #9819.

@pierorocca @FangedParakeet Double checking we want to to vertically center the payment method logo differently than in the Blocks Checkout.

Blocks checkout currently:

Regarding the PMME alignment, it looks like a problem with the theme. I tested with some other themes and all of them have the PMME correctly aligned.
The text is misaligned in the Storefront theme because of the way it renders the icon that replaces the radio button. This icon is in an inline ::before.

Twenty Twenty-Five

Blockbase

aThemeArt’s Shopper

@pierorocca @FangedParakeet Double checking we want to to vertically center the payment method logo differently than in the Blocks Checkout.

Centered on all checkouts. The design called for vertical centering of the logo so the Blocks implementation, if not a theme issue, is incorrect.

I believe there's an open issue as well to reduced the font size of the second line of text which should help with the visual balance as well as amount of PMME text that can be shown before it wraps on mobile.

Having said that, what happens on shortcode in a 2 or 3 column design where the container is super narrow and the text is on 3 row and the icon is centered? How does that look?

@pierorocca These themes I used as example are not 3 column, the only difference with them is that the PMME is correctly aligned with the label.

Now, I noticed Brett is working on a 3 column design in #9775 and I think that PR alone might close this issue. This is how it would look like in a extremely narrow container. I think it looks good, considering this is so narrow any gateway would look broken.

Thank you. I've been using 375px as the floor recently as that covers iPhone 6 and above. Anything below that I'm not concerned about potential visual issues that don't impact functionality.

Also the 2nd row of text is soon getting smaller so it won't be as bad as shown above.

I've been trying to resolve the conflicts or reapply the changes from that branch until I noticed it only works with the rich payment method label, which was removed in #9800. I'm trying to find a new way to do this.

Please add your planning poker estimate with Zenhub @gpressutto5