a

Vue/Changermotpass/index.php

@@ -109,15 +109,21 @@
 .password-change-container {
     max-width: 100%;
     margin: 0 auto;
-    padding: 20px;
+    /*padding: 20px;*/
+    padding: 0px;
 }
 
 .password-change-card {
     background: white;
     border-radius: 12px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+    /*
     padding: 30px;
     margin-top: 20px;
+    */
+    padding: 0px;
+    margin-top: 0px;
+
 }
 
 .password-change-header .alert {
@@ -166,7 +172,8 @@
 
 .form-actions .btn {
     flex: 1;
-    padding: 12px;
+    /*padding: 12px;*/
+    padding: 0px;
 }
 
 /* Large screens optimization */
@@ -177,18 +184,21 @@
     }
     
     .password-change-card {
-        padding: 40px;
+        /*padding: 40px;*/
+        padding: 0px;
     }
 }
 
 /* Responsive adjustments */
 @media (max-width: 768px) {
     .password-change-container {
-        padding: 15px;
+        /*padding: 15px;*/
+        padding: 0px;
     }
     
     .password-change-card {
-        padding: 20px;
+        /*padding: 20px;*/
+        padding: 0px;
     }
     
     .form-actions {
@@ -198,11 +208,13 @@
 
 @media (max-width: 576px) {
     .password-change-container {
-        padding: 10px;
+        /*padding: 10px;*/
+        padding: 0px;
     }
     
     .password-change-card {
-        padding: 15px;
+        /*padding: 15px;*/
+        padding: 0px;
         border-radius: 8px;
     }
     
@@ -211,22 +223,26 @@
     }
     
     .form-actions .btn {
-        padding: 10px;
+        /*padding: 10px;*/
+        padding: 0px;
     }
 }
 
 /* Very small screens */
 @media (max-width: 375px) {
     .password-change-container {
-        padding: 5px;
+        /*padding: 5px;*/
+        padding: 0px;
     }
     
     .password-change-card {
-        padding: 12px;
+        /*padding: 12px;*/
+        padding: 0px;
     }
     
     .password-change-header .alert {
-        padding: 12px;
+        /*padding: 12px;*/
+        padding: 0px;
     }
 }
 </style>