Fix sign in page styles

[jasperhuangg]

Details

There was an issue with rendering on Desktop Safari/iOS Web for any pages that used the sign in page styles where they wouldn't flex to cover the entire document body. This is due to how Apple's Webkit renders flex styles slightly differently from how Chrome/other browsers do.

I added flex: 1 to the sign-in page styles to fix this.

Fixed Issues

Expensify/Expensify#157816

Tests

1. Navigate to the sign in page, verify it renders correctly (see screenshot).
2. Navigate to the set password page, verify it renders correctly (see screenshot).

Tested On

• Mobile Web
• Desktop

Screenshots

Web

Mobile Web

[marcaaron]

LGTM!

[marcaaron]

Should we test on iOS and Android?

[marcaaron]

Tested iOS looks pretty OK to me.

[marcaaron]

Feel free to merge this one once it passes E2E

[isagoico]

Title:
mWeb - 1.0.11-0 - Chat - "Sign in" and "Set password" pages are missing image and text

Expected Result

"Sign in" and "Set Password" pages are shown as they are in the PR #2192

##Actual Result
"Sign in" and "Set Password" pages are missing an image and some text.

Action Performed

1. Open https://staging.expensify.cash
2. Enter an email without an Expensify account and click "Continue".
3. Click the verification link in the email. (Convert the link to staging if necessary)

Platform

Issue confirmed in:

mWeb: ✔️

Build: 1.0.11-0

Notes/Images/Videos

[marcaaron]

Hmm I think those screenshots are incorrect.

[jasperhuangg]

Hi @isagoico!

I don't think this is actually an issue. My mistake! I uploaded the wrong screenshots in the OP and I've fixed it above.

Password form on production

Set password page on production

This PR was only intended to get rid of the faint grey area that you can see in the bottom half of the above screenshots. Let me know if this clarifies things!

cc @marcaaron