I thought this was supposed to load in the iframe. If it is supposed to be a separate page, we'll have to adjust this.

We're limited in our ability to change this page. They let us hide certain elements, but to hide the 'shopping cart' (list of items and prices) we had to set the text to white on white. Here's an example of what it would look like to change it back to black text on white:

Does that look better?

The title of the page is 'Cards', which we should probably change too. It seems to be set in the language pack's gc.general.paymentProductGroups.cards.name

That key makes it appear that the same string is used for the title of that page and the link to indicate paying with a card in the payment product selection page. We are currently skipping the selection page and going straight to the card number input. If we are sure we will always do that, we can safely change that string to "Make your donation now" to be consistent with the title of the page on payments-wiki.

If we do add the shopping cart text back in, that will affect what it looks like on mobile as well. Here's what that would look like:

Another option, which would be fiddly and need much more testing to be sure it's displaying right on all devices, is that we can put a background image in the shopping cart container. Here's a quick mockup of that. Obviously we won't want just the logo again, and the fiddly bit is it has to have the right amount of whitespace to look right.

On Desktop:

And Mobile:

What about adding some legal text in the section on the left? Just another thought on how to fill that space...

In the fr-tech office hours meeting @Ppena also suggested the "Total: (2 items)" text be changed to "Total: ", without the items text

@XenoRyet and @Ejegg let's go with @Ejegg 's version and call it a day. Thanks all!

Yep, I just checked (by highlighting the white-on-white text) and it does indeed just say Total 30.00 SEK (since we don't send an itemization).