From 7f551ffb3e9f05c315cce4aed5f95d05da8a012b Mon Sep 17 00:00:00 2001
From: Robert Munro <rob@sentinelweb.co.uk>
Date: Sat, 4 May 2019 12:53:30 +0100
Subject: [PATCH 1/2] faq (not working)

---
 src/FAQ.js                 | 17 +++++++++++++++++
 src/RenderingController.js |  2 ++
 src/Terms.css              |  9 +++++++++
 3 files changed, 28 insertions(+)
 create mode 100644 src/FAQ.js

diff --git a/src/FAQ.js b/src/FAQ.js
new file mode 100644
index 0000000..70f605e
--- /dev/null
+++ b/src/FAQ.js
@@ -0,0 +1,17 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+import close from './img/close.png';
+import './Terms.css';
+
+function FAQ() {
+  return (
+    <div className="TermsContainer">
+      <Link to="/"><img alt="close" src={close} className="CloseButton" /></Link>
+      <h1>Frequently asked questions</h1>
+      <p className="faq_question">It&apos;s very hard to select the DOB year on Android</p>
+      <p className="faq_answer">You can tap the year at the top of the date picker on android to scroll back by year.</p>
+    </div>
+  );
+}
+
+export default FAQ;
diff --git a/src/RenderingController.js b/src/RenderingController.js
index 01d2b99..c5e7461 100644
--- a/src/RenderingController.js
+++ b/src/RenderingController.js
@@ -15,6 +15,7 @@ import ThankYou from './ThankYou';
 import Terms from './Terms';
 import Privacy from './Privacy';
 import Cookies from './Cookies';
+import FAQ from './FAQ';
 
 class RenderingController extends React.Component {
   constructor(props) {
@@ -85,6 +86,7 @@ class RenderingController extends React.Component {
           <Route path="/termsAndConditions/" exact render={() => <Terms />} />
           <Route path="/privacyPolicy/" exact render={() => <Privacy />} />
           <Route path="/cookiePolicy/" exact render={() => <Cookies />} />
+          <Route path="/faq/" exact render={() => <FAQ />} />
           <Route
             path="/"
             render={() => (!cookieNoticeDimsissed ? (
diff --git a/src/Terms.css b/src/Terms.css
index 73438ad..24f3768 100644
--- a/src/Terms.css
+++ b/src/Terms.css
@@ -15,3 +15,12 @@
   width: 32px;
   height: 32px;
 }
+
+.faq_question {
+  font-weight: bold;
+}
+
+
+.faq_answer {
+  font-weight: normal;
+}

From ccb7e35cc9480358deece5d4d7a8aadb5b31751b Mon Sep 17 00:00:00 2001
From: Robert Munro <rob@sentinelweb.co.uk>
Date: Sat, 4 May 2019 12:57:24 +0100
Subject: [PATCH 2/2] fix faq and and link on welcome page.

---
 src/FAQ.js               | 8 ++++++--
 src/formViews/Welcome.js | 3 +++
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/FAQ.js b/src/FAQ.js
index 70f605e..df6a9ab 100644
--- a/src/FAQ.js
+++ b/src/FAQ.js
@@ -8,8 +8,12 @@ function FAQ() {
     <div className="TermsContainer">
       <Link to="/"><img alt="close" src={close} className="CloseButton" /></Link>
       <h1>Frequently asked questions</h1>
-      <p className="faq_question">It&apos;s very hard to select the DOB year on Android</p>
-      <p className="faq_answer">You can tap the year at the top of the date picker on android to scroll back by year.</p>
+      <ol>
+        <li>
+          <p className="faq_question">It&apos;s very hard to select the DOB year on Android</p>
+          <p className="faq_answer">You can tap the year at the top of the date picker on android to scroll back by year.</p>
+        </li>
+      </ol>
     </div>
   );
 }
diff --git a/src/formViews/Welcome.js b/src/formViews/Welcome.js
index 5712ca1..05d56d5 100644
--- a/src/formViews/Welcome.js
+++ b/src/formViews/Welcome.js
@@ -39,6 +39,9 @@ function Welcome() {
         . We will not collect any of the data you provide, you can have a look at our
         {' '}
         <Link to="/privacyPolicy/">Privacy policy</Link>
+        . Also, check out the
+        {' '}
+        <Link to="/faq/">Frequently asked questions</Link>
         .
       </p>
     </Fragment>