diff --git a/Vue/Changermotpass/index.php b/Vue/Changermotpass/index.php index 40ad93a..d870f50 100755 --- a/Vue/Changermotpass/index.php +++ b/Vue/Changermotpass/index.php @@ -46,14 +46,12 @@ - @@ -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; } }