diff --git a/web/settings/password-change-modal.css b/web/settings/password-change-modal.css --- a/web/settings/password-change-modal.css +++ b/web/settings/password-change-modal.css @@ -1,4 +1,4 @@ -.modal-form-error { +.modalFormError { font-size: var(--xs-font-12); color: var(--text-background-danger-default); font-style: italic; @@ -12,25 +12,25 @@ height: 24px; } -.form-content { +.formContent { display: flex; flex-direction: column; } -.form-content input:not(:last-child) { +.formContent input:not(:last-child) { margin-bottom: 16px; } -.form-content input[type='password'] { +.formContent input[type='password'] { width: auto; } -.username-container { +.usernameContainer { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 16px; } -.username-label { +.usernameLabel { color: var(--text-background-tertiary-default); } .username { diff --git a/web/settings/password-change-modal.js b/web/settings/password-change-modal.js --- a/web/settings/password-change-modal.js +++ b/web/settings/password-change-modal.js @@ -62,7 +62,7 @@ let errorMsg =
; if (this.state.errorMessage) { errorMsg = ( -
{this.state.errorMessage}
+
{this.state.errorMessage}
); } @@ -90,12 +90,10 @@ primaryButton={changePasswordButton} >
-
-

- {'Logged in as '} - - {this.props.stringForUser} - +

+

+ {'Logged in as '} + {this.props.stringForUser}