diff --git a/src/components/question/icon--enter.svg b/src/components/question/icon--enter.svg new file mode 100644 index 0000000000000000000000000000000000000000..03b7c08627d980f0e45ad989d39eae3e602f9e19 Binary files /dev/null and b/src/components/question/icon--enter.svg differ diff --git a/src/components/question/question.css b/src/components/question/question.css index ad5e748e67f711e63a36e038ccd882ff61bf80e1..fb8d7869bfbbfe90a7a021e93c01bf1fd0a40d39 100644 --- a/src/components/question/question.css +++ b/src/components/question/question.css @@ -55,3 +55,10 @@ .question-input > input:focus { box-shadow: 0px 0px 0px 3px $motion-transparent; } + +.question-submit-button-icon { + width: calc(2rem - $space); + height: calc(2rem - $space); + position: relative; + left: -7px; +} diff --git a/src/components/question/question.jsx b/src/components/question/question.jsx index 2e8b9c9a53159006eb6e92548b60fbb4910c760f..c57fb085d37de1f42a75f3a709c05d0f313f76ac 100644 --- a/src/components/question/question.jsx +++ b/src/components/question/question.jsx @@ -2,6 +2,7 @@ import PropTypes from 'prop-types'; import React from 'react'; import styles from './question.css'; import Input from '../forms/input.jsx'; +import enterIcon from './icon--enter.svg'; const QuestionComponent = props => { const { @@ -28,7 +29,11 @@ const QuestionComponent = props => { className={styles.questionSubmitButton} onClick={onClick} > - {'✔︎' /* @todo should this be an image? */} + <img + className={styles.questionSubmitButtonIcon} + draggable={false} + src={enterIcon} + /> </button> </div> </div>