This commit is contained in:
KANE LAZENI 2026-01-08 18:26:20 +00:00
parent 0995fd5cfb
commit 16f5fa889d

View File

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