Improve texts and UI

src/App.css

@@ -31,6 +31,9 @@
   .App .container {
     padding: 0.5rem!important;
   }
+  .vom-rating-arrow {
+    border-width: 0.5rem 6rem 0px 0!important;
+  }
 }
 
 .App section {

src/App.tsx

@@ -42,7 +42,7 @@ const Introduction: React.FunctionComponent<SectionComponentProps> = ({ changePa
     <div className="mb-4">
       <p className="text-muted font-italic">
       Voices of Merseyside is an MA thesis project created by Tanya Parry. A former resident of Merseyside, who now resides in Amsterdam. If you wish to get in touch, please email:
-      <a className="text-decoration-none" href="mailto:tanya.parry@icloud.com">tanya.parry@icloud.com</a>
+      <a className="text-decoration-none" href="mailto:tanya.parry@icloud.com"> tanya.parry@icloud.com</a>
       </p>
     </div>
     <Button type="button" outline onClick={() => changePage()} color="info">Let's start!</Button>

src/DrawCanvas.tsx

@@ -1,7 +1,7 @@
 
 import React, { useState, useEffect } from 'react';
 import Paper, { Path, PaperScope } from 'paper';
-import { Modal, ModalBody, ModalFooter, Button, Form, FormGroup, Label, Input, Fade, ModalHeader, ButtonGroup, Badge, FormFeedback, InputGroup, InputGroupAddon } from 'reactstrap';
+import { Modal, ModalBody, ModalFooter, Button, Form, FormGroup, Label, Input, Fade, ModalHeader, ButtonGroup, Badge, FormFeedback, InputGroup, InputGroupAddon, FormText } from 'reactstrap';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faTrashAlt, faTimes } from '@fortawesome/free-solid-svg-icons';
 import { remove, update, difference } from 'ramda';
@@ -311,7 +311,12 @@ const PathQuestions: React.FunctionComponent<{
           </FormGroup>
 
           <FormGroup>
-            <Label for="path-associations">Please provide any associations (ideas, judgements, opinions, etc.) that come to mind when you encounter this accent/a speaker with this accent</Label>
+            <Label for="path-associations">
+              Please provide any associations (ideas, judgements, opinions, etc.) that come to mind when you encounter this accent/a speaker with this accent
+              <FormText color="muted">
+                Please press the 'Add' button after each association
+              </FormText>
+            </Label>
             <Associations id="path-associations" initialValue={data.associations} saveAssociations={saveAssociations} {...setInputValidation('associations')}></Associations>
           </FormGroup>