diff --git a/src/_style.scss b/src/_style.scss index b25d06ae..099d910e 100644 --- a/src/_style.scss +++ b/src/_style.scss @@ -656,3 +656,10 @@ select.form-control { text-decoration: underline; } } +.password-visibility{ + .btn-icon__icon-container .btn-icon__icon { + height: 1.5rem !important; + width: 1.5rem !important; + color: $gray-500; + } +} diff --git a/src/common-components/PasswordField.jsx b/src/common-components/PasswordField.jsx index 9461aef1..de770829 100644 --- a/src/common-components/PasswordField.jsx +++ b/src/common-components/PasswordField.jsx @@ -30,11 +30,11 @@ const PasswordField = (props) => { }; const HideButton = ( - + ); const ShowButton = ( - + ); const placement = window.innerWidth < 768 ? 'top' : 'left'; const tooltip = ( diff --git a/src/forgot-password/ForgotPasswordAlert.jsx b/src/forgot-password/ForgotPasswordAlert.jsx index 2f678b79..8e0dee7e 100644 --- a/src/forgot-password/ForgotPasswordAlert.jsx +++ b/src/forgot-password/ForgotPasswordAlert.jsx @@ -37,7 +37,10 @@ const ForgotPasswordAlert = (props) => { { window.open(supportUrl, '_blank'); }} + onClick={e => { + e.preventDefault(); + window.open(supportUrl, '_blank'); + }} > {intl.formatMessage(messages['confirmation.support.link'])}