fix(mobile): component alignment issue on left side of login page (#899)

[tsahil01]

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation

Description

Fixes Alignment Issue on Left Side of Login Page (#899)

Fixed alignment issue on the left side of the login page at https://www.openstatus.dev/app/login. Content is now center-aligned and text sizes adjusted for improved visual consistency.

Before this PR

sm devices -

After this PR

sm devices -

Looks good on mobile devices as well

Related Issue (optional)

Fixes #899

[vercel]

@tsahil01 is attempting to deploy a commit to the OpenStatus Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
openstatus-web	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 29, 2024 8:54am

[mxkaske]

Hey @tsahil01! I agree with you, centering the text on mobile feels much better! On larger device, I see it less as a problem but that’s just a personal preference. What do you think?

Thanks for improving OpenStatus.

[tsahil01]

Hi @mxkaske! Thanks for the feedback! I believe centring the text enhances the user experience across all device sizes, making it more consistent and visually appealing.

What do you think about merging the PR as it is?
I'm also open to making further improvements based on your suggestions.

[mxkaske]

Let's first start with mobile/tablet version if you are fine with it.

[tsahil01]

Hi @mxkaske , I'll implement the mobile/tablet changes and push the updates soon.
Thanks!

[tsahil01]

I've implemented the mobile/tablet version changes as suggested and pushed the updates.

Mobile/Tablet -

Larger screen -

[mxkaske]

Appreciate it! Merged!