Email layout is wonky on mobile

[oksks]

What is the problem? While our transactional emails look fine on desktops, on a mobile, the design is off - texts are smooshed together, alignment is thrown off, too much blank space in places, etc.

Here's a screenshot of an email on desktop computer:

And here's how the same email looks on a mobile:

Why is this a problem? It looks unprofessional.

Possible solution. Layout should be responsive to various screen sizes.

[loorm]

Triage 18: @kevincrepin Do you have input on this or do you just want developers to hack something (like reduce the font size)?

[kevincrepin]

Should look more like this:

But we once made new e-mail templates: https://projects.invisionapp.com/d/main#/console/9829159/404593154/preview

We should use the same ones everywhere.

[ilmartyrk]

@kevincrepin @loorm, I am unable to replicate the original issue, but do I understand correctly that the layout should still get a revisit? If I do then what solution is correct? Image in here by @kevincrepin or image behind the link in invision?

[oksks]

To specify - I'm using Samsung Galaxy S9 and Chrome. Adding a fresh screenshot I just made.

[KatiVellak]

Legally reviewed, no impact.

[loorm]

Tested. Confirmed working on Galaxy S7 and Gmail app.