From f710b7d187b6c33908f4b3b713f5bcddbf19f9b0 Mon Sep 17 00:00:00 2001
From: Joe Banks <joseph@josephbanks.me>
Date: Tue, 29 Sep 2020 01:00:04 +0100
Subject: Update styling and scaling and add links to FormListing

---
 src/components/FormListing.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

(limited to 'src/components')

diff --git a/src/components/FormListing.tsx b/src/components/FormListing.tsx
index 58f21f8..09b3134 100644
--- a/src/components/FormListing.tsx
+++ b/src/components/FormListing.tsx
@@ -1,5 +1,6 @@
 /** @jsx jsx */
 import { css, jsx } from "@emotion/core";
+import { Link } from "react-router-dom";
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faArrowRight } from "@fortawesome/free-solid-svg-icons";
@@ -24,6 +25,8 @@ function FormListing(props: FormListingProps) {
     border-radius: 10px;
     transition-property: transform, width;
     transition-duration: 500ms;
+    text-decoration: none;
+    color: inherit;
 
     @media (max-width: 575px) {
       width: 80%;
@@ -40,10 +43,12 @@ function FormListing(props: FormListingProps) {
     closedTag = <Tag text="CLOSED" color={colors.error}/>
   };
 
-  return <div css={listingStyle}>
-    <h3 css={{fontSize: "1.5em", marginBottom: "0"}}>{closedTag}{props.title} <FontAwesomeIcon icon={faArrowRight} css={{fontSize: "0.75em", paddingBottom: "1px"}}/></h3>
-    <p css={{marginTop: "5px"}}>{props.description}</p>
-  </div>
+  return <Link to="/form" css={listingStyle}>
+    <div>
+      <h3 css={{fontSize: "1.5em", marginBottom: "0"}}>{closedTag}{props.title} <FontAwesomeIcon icon={faArrowRight} css={{fontSize: "0.75em", paddingBottom: "1px"}}/></h3>
+      <p css={{marginTop: "5px"}}>{props.description}</p>
+    </div>
+  </Link>
 }
 
 export default FormListing;
-- 
cgit v1.2.3


From 41af45eb63a6f323aa24320cd9743bfc02e13559 Mon Sep 17 00:00:00 2001
From: Joe Banks <joseph@josephbanks.me>
Date: Tue, 29 Sep 2020 01:00:13 +0100
Subject: Update header responsiveness

---
 src/components/HeaderBar/index.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

(limited to 'src/components')

diff --git a/src/components/HeaderBar/index.tsx b/src/components/HeaderBar/index.tsx
index 94dd900..6289dfc 100644
--- a/src/components/HeaderBar/index.tsx
+++ b/src/components/HeaderBar/index.tsx
@@ -46,11 +46,15 @@ function HeaderBar() {
         font-size: 2em;
       }
 
-      @media (max-width: 400px) {
-        font-size: 1.5em;
+      @media (max-width: 450px) {
+        font-size: 1.70em;
         text-align: center;
         margin-left: 0;
       }
+
+      @media (max-width: 400px) {
+        font-size: 1.3em;
+      }
     `}>
       Python Discord Forms
     </h1>
-- 
cgit v1.2.3