diff --git a/frontend/src/Components/Form/InfoInput.css b/frontend/src/Components/Form/InfoInput.css new file mode 100644 index 000000000..6a37f8ddf --- /dev/null +++ b/frontend/src/Components/Form/InfoInput.css @@ -0,0 +1,13 @@ +.message { + composes: alert from '~Components/Alert.css'; + + a { + color: var(--linkColor); + text-decoration: none; + + &:hover { + color: var(--linkHoverColor); + text-decoration: underline; + } + } +} diff --git a/frontend/src/Components/Form/InfoInput.js b/frontend/src/Components/Form/InfoInput.js index d26a519a4..77b833c4b 100644 --- a/frontend/src/Components/Form/InfoInput.js +++ b/frontend/src/Components/Form/InfoInput.js @@ -2,6 +2,7 @@ import PropTypes from 'prop-types'; import React, { Component } from 'react'; import Alert from 'Components/Alert'; import { kinds } from 'Helpers/Props'; +import styles from './InfoInput.css'; class InfoInput extends Component { @@ -12,7 +13,10 @@ class InfoInput extends Component { const { value } = this.props; return ( - + );