diff options
| -rw-r--r-- | src/components/InputTypes/TextArea.tsx | 1 | ||||
| -rw-r--r-- | src/components/Question.tsx | 2 | ||||
| -rw-r--r-- | src/pages/FormPage.tsx | 4 |
3 files changed, 5 insertions, 2 deletions
diff --git a/src/components/InputTypes/TextArea.tsx b/src/components/InputTypes/TextArea.tsx index 21300fb..6e46c27 100644 --- a/src/components/InputTypes/TextArea.tsx +++ b/src/components/InputTypes/TextArea.tsx @@ -9,7 +9,6 @@ interface TextAreaProps { const styles = css` min-height: 20rem; - min-width: 40%; width: 100%; box-sizing: border-box; resize: vertical; diff --git a/src/components/Question.tsx b/src/components/Question.tsx index 66c1668..54074f3 100644 --- a/src/components/Question.tsx +++ b/src/components/Question.tsx @@ -133,7 +133,7 @@ class RenderedQuestion extends React.Component<QuestionProp> { `; return <div css={styles}> - <h1 css={selectable}>{question.name}</h1> + <h1 css={[selectable, css`line-height: 2.5rem;`]}>{question.name}</h1> { question.data["text"] ? <h3 css={selectable}>{question.data["text"]}</h3> : "" } <hr css={css`color: gray; margin: 3rem 0;`}/> </div>; diff --git a/src/pages/FormPage.tsx b/src/pages/FormPage.tsx index 647003f..2d34b3c 100644 --- a/src/pages/FormPage.tsx +++ b/src/pages/FormPage.tsx @@ -146,6 +146,10 @@ const closedHeaderStyles = css` font-size: 1.5rem; background-color: ${colors.error}; + + @media (max-width: 500px) { + padding: 1rem 1.5rem; + } `; function FormPage(): JSX.Element { |