account_settings: Make change password similar to other setting buttons.

Fixes #30691.
We've removed the pencil icon and renamed the button to `Change your
password`. We've also removed the `.small` and `.btn-link` classes.
We also changed the `Password` label to use the `.settings-field-label`
class, same as the other labels for settings.
This commit is contained in:
Shubham Padia 2024-07-02 18:28:36 +00:00 committed by Tim Abbott
parent 73e9d9da64
commit 6c152b3adc
2 changed files with 5 additions and 4 deletions

View File

@ -180,7 +180,8 @@ h3,
}
}
#change_email_button {
#change_email_button,
#change_password {
min-width: 0;
}

View File

@ -43,9 +43,9 @@
<form class="password-change-form grid">
{{#if user_can_change_password}}
<div>
<label class="inline-block title">{{t "Password" }}</label>
<div class="input-group inline-block">
<button id="change_password" type="button" class="btn-link small button rounded inline-block" data-dismiss="modal">********<i class="fa fa-pencil"></i></button>
<label class="settings-field-label">{{t "Password" }}</label>
<div class="input-group">
<button id="change_password" type="button" class="button rounded" data-dismiss="modal">{{t "Change your password" }}</button>
</div>
</div>
{{/if}}