From e3886d2bac8e44326c6a72dc4a5562d0e4dcb9de Mon Sep 17 00:00:00 2001
From: visshalb2007 <bvisshal@gmail.com>
Date: Tue, 9 Jun 2026 17:47:22 +0530
Subject: [PATCH 1/2] Improved UI responsiveness

---
 client/src/pages/LoginPage.jsx | 26 ++++++++------------------
 1 file changed, 8 insertions(+), 18 deletions(-)

diff --git a/client/src/pages/LoginPage.jsx b/client/src/pages/LoginPage.jsx
index 47c4193..82d9245 100644
--- a/client/src/pages/LoginPage.jsx
+++ b/client/src/pages/LoginPage.jsx
@@ -124,9 +124,11 @@ const LoginPage = () => {
             </div>
 
             <div className="flex items-center justify-between">
-              <label className="flex items-center">
+              {/* ✅ FIX 1: added cursor-pointer to label */}
+              <label className="flex items-center cursor-pointer">
                 <input
                   type="checkbox"
+                  {...register('rememberMe')} {/* ✅ FIX 2: registered with react-hook-form */}
                   className="rounded border-navy-300 text-primary-600 focus:ring-primary-500"
                 />
                 <span className="ml-2 text-sm text-navy-600 dark:text-navy-300">
@@ -185,22 +187,10 @@ const LoginPage = () => {
             <div className="mt-6 grid grid-cols-2 gap-3">
               <button className="w-full inline-flex justify-center py-2 px-4 border border-navy-300 dark:border-navy-600 rounded-lg shadow-sm bg-white dark:bg-navy-700 text-sm font-medium text-navy-700 dark:text-navy-300 hover:bg-navy-50 dark:hover:bg-navy-600 transition-colors">
                 <svg className="w-5 h-5" viewBox="0 0 24 24">
-                  <path
-                    fill="currentColor"
-                    d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"
-                  />
-                  <path
-                    fill="currentColor"
-                    d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-                  />
-                  <path
-                    fill="currentColor"
-                    d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-                  />
-                  <path
-                    fill="currentColor"
-                    d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-                  />
+                  <path fill="currentColor" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" />
+                  <path fill="currentColor" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" />
+                  <path fill="currentColor" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" />
+                  <path fill="currentColor" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" />
                 </svg>
                 <span className="ml-2">Google</span>
               </button>
@@ -219,4 +209,4 @@ const LoginPage = () => {
   )
 }
 
-export default LoginPage 
\ No newline at end of file
+export default LoginPage
\ No newline at end of file

From b519f535f48883ffebdcee32faa97a6fc0cecb6b Mon Sep 17 00:00:00 2001
From: visshalb2007 <bvisshal@gmail.com>
Date: Tue, 9 Jun 2026 17:51:21 +0530
Subject: [PATCH 2/2] Improved UI responsiveness

---
 client/src/pages/LoginPage.jsx | 36 +++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/client/src/pages/LoginPage.jsx b/client/src/pages/LoginPage.jsx
index 82d9245..94ba63a 100644
--- a/client/src/pages/LoginPage.jsx
+++ b/client/src/pages/LoginPage.jsx
@@ -124,24 +124,24 @@ const LoginPage = () => {
             </div>
 
             <div className="flex items-center justify-between">
-              {/* ✅ FIX 1: added cursor-pointer to label */}
-              <label className="flex items-center cursor-pointer">
-                <input
-                  type="checkbox"
-                  {...register('rememberMe')} {/* ✅ FIX 2: registered with react-hook-form */}
-                  className="rounded border-navy-300 text-primary-600 focus:ring-primary-500"
-                />
-                <span className="ml-2 text-sm text-navy-600 dark:text-navy-300">
-                  Remember me
-                </span>
-              </label>
-              <Link
-                to="/forgot-password"
-                className="text-sm text-primary-600 hover:text-primary-700 dark:text-primary-400"
-              >
-                Forgot password?
-              </Link>
-            </div>
+  <label className="flex items-center cursor-pointer">
+    <input
+      type="checkbox"
+      {...register("rememberMe")}
+      className="rounded border-navy-300 text-primary-600 focus:ring-primary-500"
+    />
+    <span className="ml-2 text-sm text-navy-600 dark:text-navy-300">
+      Remember me
+    </span>
+  </label>
+
+  <Link
+    to="/forgot-password"
+    className="text-sm text-primary-600 hover:text-primary-700 dark:text-primary-400"
+  >
+    Forgot password?
+  </Link>
+</div>
 
             <button
               type="submit"