diff --git a/src/redesign/_style.scss b/src/redesign/_style.scss index 117d48ee..713f10b3 100644 --- a/src/redesign/_style.scss +++ b/src/redesign/_style.scss @@ -81,6 +81,8 @@ $accent-a-light: #c9f2f5; .form-control { background-color: white !important; + font-size: 0.875rem; + line-height: 1.5; } .btn-social { @@ -659,3 +661,10 @@ select.form-control { .icon-size { width: 2.3rem; } +.has-floating-label { + color: $gray-500; +} +.pgn__form-control-floating-label .pgn__form-control-floating-label-content { + font-size: 0.875rem; + line-height: 1.5; +} diff --git a/src/redesign/login/LoginFailure.jsx b/src/redesign/login/LoginFailure.jsx index fa9e4d2e..b8968855 100644 --- a/src/redesign/login/LoginFailure.jsx +++ b/src/redesign/login/LoginFailure.jsx @@ -1,7 +1,7 @@ import React from 'react'; import { FormattedMessage, injectIntl, intlShape } from '@edx/frontend-platform/i18n'; -import { Alert } from '@edx/paragon'; +import { Alert, Hyperlink } from '@edx/paragon'; import { Error } from '@edx/paragon/icons'; import PropTypes from 'prop-types'; @@ -73,9 +73,9 @@ const LoginFailureMessage = (props) => { break; case FAILED_LOGIN_ATTEMPT: { resetLink = ( - + {intl.formatMessage(messages['login.incorrect.credentials.error.before.account.blocked.text'])} - + ); errorList = ( <>