Minor CSS fixes to sign in/up flow #4943
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Doesn't resolve any issue.
Description
Minor CSS improvements. See screenshots below.
Type of change
(Not sure how to categorize this)
How Has This Been Tested?
Just manually (as they're almost entirely UI-only changes)
Screenshots
Fixed alignment of Human Essentials Logo and Google SSO button. Added asterisk to password field.
![Screenshot from 2025-01-23 13-04-23](https://private-user-images.githubusercontent.com/90390502/406022786-d3c7e44d-f981-4a2b-a98d-4ed30571c3c0.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMjI3NDgsIm5iZiI6MTczOTEyMjQ0OCwicGF0aCI6Ii85MDM5MDUwMi80MDYwMjI3ODYtZDNjN2U0NGQtZjk4MS00YTJiLWE5OGQtNGVkMzA1NzFjM2MwLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDE3MzQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYxN2JlZTU4ZDc3YzdmN2Y0MzRlYTllYTE5ZGZlNjJjNGM5NDkwMzUzNjlkZWU0NmYzNmMxZTQ4M2I5YzU0YjQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.YEIVXBXp2HCiIncsZy5Tyvk_vTUcd0l5nbOguSPRjhg)
![Screenshot from 2025-01-23 13-04-39](https://private-user-images.githubusercontent.com/90390502/406022779-65815592-ff86-4a02-addc-9f0a3e5155a9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMjI3NDgsIm5iZiI6MTczOTEyMjQ0OCwicGF0aCI6Ii85MDM5MDUwMi80MDYwMjI3NzktNjU4MTU1OTItZmY4Ni00YTAyLWFkZGMtOWYwYTNlNTE1NWE5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDE3MzQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTMzMzMxYzM2ZjEyNDIwOWQ4MjJlYzY2OGMwMGU4ODk3MWM0MGU5NWNkMmM1NTVkYTJkYjAzMDFiNTUwOTNjZGYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.UFE-yiXma45lsEQA41vGjFWQlddsmf1Mhi1U9OkqZj4)
Before
After
Centered account request form
![Screenshot from 2025-01-23 13-05-07](https://private-user-images.githubusercontent.com/90390502/406022764-5667975c-a209-4a52-b3d5-3183ad26d27b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMjI3NDgsIm5iZiI6MTczOTEyMjQ0OCwicGF0aCI6Ii85MDM5MDUwMi80MDYwMjI3NjQtNTY2Nzk3NWMtYTIwOS00YTUyLWIzZDUtMzE4M2FkMjZkMjdiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDE3MzQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVjNzI2N2FlNDg0MTVhNWY0MDcxZjAzMjZjYjczZTIyNmVkYWZlNTY2MTE1NDJjN2Q0NWU3NmUwY2QyYjdjZTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.GPsNKlLYD_BoPWGq622uHfR-Zd3yJXzx2YcKKPZuMMk)
![Screenshot from 2025-01-23 13-04-51](https://private-user-images.githubusercontent.com/90390502/406022772-03f127d8-800e-48b4-8d5d-107dcabb8a0a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMjI3NDgsIm5iZiI6MTczOTEyMjQ0OCwicGF0aCI6Ii85MDM5MDUwMi80MDYwMjI3NzItMDNmMTI3ZDgtODAwZS00OGI0LThkNWQtMTA3ZGNhYmI4YTBhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDE3MzQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYwY2IwOGE0NDRlYTdmYjgxNWNkZjQ0OTJiOGJjMDgzZGZlOTk1ZWJjMGQwODA3MTE1NDI0OTUzMzY0Y2VjMTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.WOrBABfaJ3onmLYdQbaHUDx0dV6xVJVFRrMzPbUaIa4)
Before:
After: (Ignore my mouse being in the way of the screenshot)
Don't send modal HTML for staging warning when environment is dev or prod
![Screenshot from 2025-01-23 13-07-46](https://private-user-images.githubusercontent.com/90390502/406022754-bbd43681-e248-4641-bf58-b047afed62f1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMjI3NDgsIm5iZiI6MTczOTEyMjQ0OCwicGF0aCI6Ii85MDM5MDUwMi80MDYwMjI3NTQtYmJkNDM2ODEtZTI0OC00NjQxLWJmNTgtYjA0N2FmZWQ2MmYxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDE3MzQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTEwM2RiZWY2NjA2ZDg1OGJiYmUxMmVlNjZkNTdkNzhlOTk4ZmYzNzM0ODQwMDQ2NGM5ZGY3MWRhNGU5MTZiYzcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.yFV6dXyotWIddqX9dTWXaOhgK2ruephUsVQ1Th-jlqk)
![Screenshot from 2025-01-23 13-08-14](https://private-user-images.githubusercontent.com/90390502/406022740-bd62faaa-ae59-456e-bbc0-e164b80b51f7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxMjI3NDgsIm5iZiI6MTczOTEyMjQ0OCwicGF0aCI6Ii85MDM5MDUwMi80MDYwMjI3NDAtYmQ2MmZhYWEtYWU1OS00NTZlLWJiYzAtZTE2NGI4MGI1MWY3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMDklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjA5VDE3MzQwOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBkMTc3NzA4ZTY4ZDM3NjI5MzNhYTE5NTI4NGU5OTUxYzgzZGEzZWFiZWM0Mzc4YjAyMjUzODRkZmM5NTk0MmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.fyFlISIAiVPRAjjnDZxJkQBx6LesNM-MxZdKnjmVMFY)
Before:
After:
I also fixed a flash of text that occurs on the
/account_requests/new
page, but didn't take a video of it. If you go to this page in production, you should see the flash I'm talking about though -> https://humanessentials.app/account_requests/new.