Update authentication mobile styles

[mstrasinskis]

Motivation

Update authentication page styles to display more info on mobile

Screenshots

pixel

samsung S8+

Iphone 12 pro

Iphone SE

[frederikrothenberger]

I just did a demo deployment of your PR here:
• Demo App: https://6zm7l-dyaaa-aaaaa-qaaka-cai.identity.dfinity.network/
• II: https://6cjdo-zaaaa-aaaaa-qaaiq-cai.identity.dfinity.network/

[frederikrothenberger]

Updated the demo deployment

[frederikrothenberger]

Unfortunately, now the padding seems off in desktop view. See changes to screenshots/25-authenticate-unknown-anchor-desktop.png and screenshots/24-authenticate-known-anchor-desktop.png

[mstrasinskis]

Unfortunately, now the padding seems off in desktop view. See changes to screenshots/25-authenticate-unknown-anchor-desktop.png and screenshots/24-authenticate-known-anchor-desktop.png
Fixed

[frederikrothenberger]

Updated the demo deployment again.

[nmattia]

Update authentication page styles to display more info on mobile

And add a new logo, correct?

[nmattia]

In the first iteration we made sure that the space for the extra button was already present to avoid things jumping around. Was the behavior changed on purpose?

Screen.Recording.2022-06-13.at.12.35.12.mov

[frederikrothenberger]

In the first iteration we made sure that the space for the extra button was already present to avoid things jumping around. Was the behavior changed on purpose?

It was definitely intentional for the error message.

Imho, if everything still fits on a single screen when keeping the space for the register button, we should revert to reserving the space there again.

[nmattia]

if everything still fits on a single screen when keeping the space for the register button, we should revert to reserving the space there again.

So I'm guessing it didn't fit?