a

Vue/Changermotpass/index.php

@@ -46,14 +46,12 @@
                                         </div>
                                         <small class="password-strength-text"></small>
                                     </div>
-                                    <!-- KANE 08/01/2026
                                     <div class="password-requirements mt-2 alert alert-info mt-3">
                                         <small>
 											<i class="fas fa-info-circle me-2"></i>
 											<?= _("Un mot de passe fort doit contenir au moins 8 caractères, incluant des majuscules, minuscules, chiffres et caractères spéciaux.") ?>
 										</small>
                                     </div>
-                                    -->
                                 </div>
                             </div>
 
@@ -111,20 +109,15 @@
 .password-change-container {
     max-width: 100%;
     margin: 0 auto;
-    /*padding: 20px;*/
-    padding: 0px;
+    padding: 20px;
 }
 
 .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 {
@@ -133,14 +126,12 @@
 }
 
 .password-change-form .form-group {
-    /*margin-bottom: 1.5rem;*/
-    margin-bottom: 0rem;
+    margin-bottom: 1.5rem;
 }
 
 .password-change-form .form-label {
     font-weight: 400;
-    /*margin-bottom: 0.5rem;*/
-    margin-bottom: 0rem;
+    margin-bottom: 0.5rem;
     color: #333;
 	font-size:1.8rem !important;
 }
@@ -165,18 +156,14 @@
 
 .form-actions {
     display: flex;
-    /*
-    gap: 15px;
+    /*gap: 15px;*/
+    gap: 5px;
     margin-top: 2rem;
-    */
-    gap: 0px;
-    margin-top: 0rem;
 }
 
 .form-actions .btn {
     flex: 1;
-    /*padding: 12px;*/
-    padding: 0px;
+    padding: 12px;
 }
 
 /* Large screens optimization */
@@ -194,13 +181,11 @@
 /* Responsive adjustments */
 @media (max-width: 768px) {
     .password-change-container {
-        /*padding: 15px;*/
-        padding: 0px;
+        padding: 15px;
     }
     
     .password-change-card {
-        /*padding: 20px;*/
-        padding: 0px;
+        padding: 20px;
     }
     
     .form-actions {
@@ -210,13 +195,11 @@
 
 @media (max-width: 576px) {
     .password-change-container {
-        /*padding: 10px;*/
-        padding: 0px;
+        padding: 10px;
     }
     
     .password-change-card {
-        /*padding: 15px;*/
-        padding: 0px;
+        padding: 15px;
         border-radius: 8px;
     }
     
@@ -225,8 +208,7 @@
     }
     
     .form-actions .btn {
-        /*padding: 10px;*/
-        padding: 0px;
+        padding: 10px;
     }
 }