From 2a3300109f41ea597bd299a53ce240a2183f0ae8 Mon Sep 17 00:00:00 2001
From: Hassan Abouelela <47495861+HassanAbouelela@users.noreply.github.com>
Date: Sat, 16 Jan 2021 22:29:09 +0300
Subject: Minor Style Adjustments

Minor adjustments following the first round of open feedback.

Signed-off-by: Hassan Abouelela <47495861+HassanAbouelela@users.noreply.github.com>
---
 src/components/InputTypes/TextArea.tsx | 1 -
 src/components/Question.tsx            | 2 +-
 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 {
-- 
cgit v1.2.3