From 69a628e59ead83f617e168e7225c13907526cc2f Mon Sep 17 00:00:00 2001
From: Sahil Tiwaskar <118750218+tsahil01@users.noreply.github.com>
Date: Sat, 29 Jun 2024 14:26:01 +0530
Subject: [PATCH] fix(mobile): component alignment issue on left side of login
 page (#899) (#900)

* Fix component alignment issue on left side of login page (#899)

* Implement mobile/tablet version changes for alignment issue
---
 apps/web/src/app/app/(auth)/login/layout.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/app/(auth)/login/layout.tsx b/apps/web/src/app/app/(auth)/login/layout.tsx
index 9334753c6..27480dbda 100644
--- a/apps/web/src/app/app/(auth)/login/layout.tsx
+++ b/apps/web/src/app/app/(auth)/login/layout.tsx
@@ -24,12 +24,12 @@ export default async function AuthLayout({
             className="rounded-full border border-border"
           />
         </Link>
-        <div className="flex w-full max-w-lg flex-1 flex-col justify-center gap-8 text-left">
+        <div className="flex w-full max-w-lg flex-1 flex-col justify-center gap-8 text-center mx-auto md:text-left md:mx-0">
           <div className="mx-auto grid gap-3">
-            <h1 className="font-cal text-2xl text-foreground">
+            <h1 className="font-cal text-3xl text-foreground">
               Open Source Monitoring Service
             </h1>
-            <p className="text-muted-foreground">
+            <p className="text-muted-foreground text-sm">
               Monitor your website or API and create your own status page within
               a couple of minutes. Want to know how it works? <br />
               <br />
-- 
2.51.2