From 9bf1863f33bb42cf59cb8b290205a82fdd16fcb0 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Thu, 16 May 2024 23:35:53 +0530
Subject: [PATCH] [WEB-1345] chore: auth and loader responsiveness (#4494)

* chore: logo spinner improvement

* chore: auth header action improvement
---
 web/components/common/logo-spinner.tsx | 2 +-
 web/pages/accounts/forgot-password.tsx | 2 +-
 web/pages/index.tsx                    | 2 +-
 web/pages/sign-in.tsx                  | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/components/common/logo-spinner.tsx b/web/components/common/logo-spinner.tsx
index 69bb9423d..abcebfe76 100644
--- a/web/components/common/logo-spinner.tsx
+++ b/web/components/common/logo-spinner.tsx
@@ -11,7 +11,7 @@ export const LogoSpinner = () => {
 
   return (
     <div className="flex items-center justify-center">
-      <Image src={logoSrc} alt="logo" className="w-[82px] h-[82px] mr-2" />
+      <Image src={logoSrc} alt="logo" className="size-16 sm:size-20 mr-2" />
     </div>
   );
 };
diff --git a/web/pages/accounts/forgot-password.tsx b/web/pages/accounts/forgot-password.tsx
index 5334bc15e..00cf0982e 100644
--- a/web/pages/accounts/forgot-password.tsx
+++ b/web/pages/accounts/forgot-password.tsx
@@ -111,7 +111,7 @@ const ForgotPasswordPage: NextPageWithLayout = () => {
             <Image src={BluePlaneLogoWithoutText} height={30} width={30} alt="Plane Logo" />
             <span className="text-2xl font-semibold sm:text-3xl">Plane</span>
           </div>
-          <div className="text-center text-sm font-medium text-onboarding-text-300">
+          <div className="flex flex-col items-end sm:items-center sm:gap-2 sm:flex-row text-center text-sm font-medium text-onboarding-text-300">
             New to Plane?{" "}
             <Link
               href="/"
diff --git a/web/pages/index.tsx b/web/pages/index.tsx
index 5d497abab..9b624b2a2 100644
--- a/web/pages/index.tsx
+++ b/web/pages/index.tsx
@@ -45,7 +45,7 @@ const HomePage: NextPageWithLayout = observer(() => {
             <Image src={BluePlaneLogoWithoutText} height={30} width={30} alt="Plane Logo" />
             <span className="text-2xl font-semibold sm:text-3xl">Plane</span>
           </div>
-          <div className="text-center text-sm font-medium text-onboarding-text-300">
+          <div className="flex flex-col items-end sm:items-center sm:gap-2 sm:flex-row text-center text-sm font-medium text-onboarding-text-300">
             Already have an account?{" "}
             <Link
               href="/sign-in"
diff --git a/web/pages/sign-in.tsx b/web/pages/sign-in.tsx
index 11f7cc478..281b504ff 100644
--- a/web/pages/sign-in.tsx
+++ b/web/pages/sign-in.tsx
@@ -47,7 +47,7 @@ const SignInPage: NextPageWithLayout = observer(() => {
             <Image src={BluePlaneLogoWithoutText} height={30} width={30} alt="Plane Logo" />
             <span className="text-2xl font-semibold sm:text-3xl">Plane</span>
           </div>
-          <div className="text-center text-sm font-medium text-onboarding-text-300">
+          <div className="flex flex-col items-end sm:items-center sm:gap-2 sm:flex-row  text-center text-sm font-medium text-onboarding-text-300">
             New to Plane?{" "}
             <Link
               href="/"