From 6c2e8d9e9536e86af9adbb58b45c6b4f155fe9fd Mon Sep 17 00:00:00 2001
From: SunilKumarChavhan <chavhansunilkumar753@gmail.com>
Date: Fri, 4 Oct 2024 21:59:37 +0530
Subject: [PATCH] enhanced-login-page

---
 Css-files/signup1.css | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/Css-files/signup1.css b/Css-files/signup1.css
index 80eb250b..c31e8915 100644
--- a/Css-files/signup1.css
+++ b/Css-files/signup1.css
@@ -32,10 +32,11 @@ body {
   justify-content: center;
   align-items: center;
   width: 100%;
+  overflow: hidden; /* Ensure nothing overflows from the flexbox */
 }
 
 .card-login {
-  width: 100%; /* Use full width of parent */
+  width: calc(100% - 40px); /* Full width minus padding */
   max-width: 400px; /* Max width for better layout */
   padding: 30px;
   border-radius: var(--border-radius);
@@ -44,6 +45,7 @@ body {
   transition: transform var(--transition-speed), box-shadow var(--transition-speed);
   display: flex; /* Flex to stack elements */
   flex-direction: column; /* Column layout for the card */
+  overflow: hidden; /* Added to ensure no content spills out */
 }
 
 .card-login:hover {
@@ -81,11 +83,12 @@ body {
   transition: border var(--transition-speed), box-shadow var(--transition-speed);
   font-size: 1rem;
   color: #333;
+  box-sizing: border-box; /* Ensures padding doesn't affect input width */
 }
 
 .textfield > input:focus {
   border-color: var(--input-border);
-  box-shadow: 0 0 5px var(--input-border); /* Subtle glow effect */
+  box-shadow: none; /* Remove unwanted glow or shadow */
 }
 
 .btn-login, #google-login {
@@ -117,9 +120,11 @@ body {
 @media only screen and (max-width: 600px) {
   .main-login {
     flex-direction: column;
+    padding: 0 20px; /* Added padding to avoid edge overflow */
   }
-  
+
   .card-login {
-    width: 90%;
+    width: 100%; /* Full width for mobile */
+    padding: 20px; /* Adjust padding */
   }
 }