diff --git a/Vue/Changermotpass/index.php b/Vue/Changermotpass/index.php index 8554c22..476f697 100755 --- a/Vue/Changermotpass/index.php +++ b/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; } }