From c0559914bc4e5bc0a96f062760de4550b127f235 Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Sat, 10 Oct 2020 04:48:30 -0400
Subject: [PATCH] fix typography (again?)

---
 vocodes/public/index.html                      | 2 +-
 vocodes/src/App.scss                           | 3 ++-
 vocodes/src/modes/history/HistoryComponent.tsx | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/vocodes/public/index.html b/vocodes/public/index.html
index 1bdbfc848c..70718a897d 100644
--- a/vocodes/public/index.html
+++ b/vocodes/public/index.html
@@ -39,7 +39,7 @@
 
       gtag('config', 'UA-32811180-4');
     </script>
-    <link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,300;0,400;1,300&family=Fugaz+One&family=Merriweather:wght@300&family=Piazzolla:wght@300&family=Spectral:ital,wght@0,300;1,300&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,300;0,400;1,300&family=Fugaz+One&family=Merriweather:wght@300&family=Fira+Sans:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&display=swap" rel="stylesheet">
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
diff --git a/vocodes/src/App.scss b/vocodes/src/App.scss
index fb9a4289da..368ce2dcb4 100644
--- a/vocodes/src/App.scss
+++ b/vocodes/src/App.scss
@@ -5,7 +5,7 @@ $page-width: 700px;
 $light-text-color: #777;
 $button-text-color: #666;
 
-$body-font-family: 'Spectral', serif;
+$body-font-family: 'Fira Sans', serif;
 $nav-font-family: 'Fira Sans', sans-serif;
 $footer-font-family: 'Fira Sans Condensed', sans-serif;
 $textarea-font-family: 'Fira Sans', sans-serif;
@@ -13,6 +13,7 @@ $headings-font-family: 'Merriweather', serif;
 
 body {
   font-family: $body-font-family;
+  font-weight: 300; // For Fira Sans
 }
 
 .mainwrap {
diff --git a/vocodes/src/modes/history/HistoryComponent.tsx b/vocodes/src/modes/history/HistoryComponent.tsx
index 285de94335..aa94cf5265 100644
--- a/vocodes/src/modes/history/HistoryComponent.tsx
+++ b/vocodes/src/modes/history/HistoryComponent.tsx
@@ -25,7 +25,7 @@ class HistoryComponent extends React.Component<Props, State> {
 
     if (utterances.length === 0) {
       utterances = [
-        <div className="content">
+        <div className="content is-size-4">
           <p>
             Nothing yet! Utterances will show up here once you've submitted 
             something to the text to speech engine. You'll be able to replay