From acecd5f013a5b4d12112218afcbf41be5d6489bc Mon Sep 17 00:00:00 2001
From: Greyson Parrelli <greyson@signal.org>
Date: Fri, 18 Feb 2022 10:16:27 -0500
Subject: [PATCH] Update Spinner font styles.

---
 spinner/lib/src/main/assets/browse.hbs   |  2 +-
 spinner/lib/src/main/assets/head.hbs     | 17 +++++++++++++++--
 spinner/lib/src/main/assets/overview.hbs |  7 +++++--
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/spinner/lib/src/main/assets/browse.hbs b/spinner/lib/src/main/assets/browse.hbs
index 8affb72ac..c8a9909de 100644
--- a/spinner/lib/src/main/assets/browse.hbs
+++ b/spinner/lib/src/main/assets/browse.hbs
@@ -53,7 +53,7 @@
         {{/each}}
       </table>
     {{else}}
-      Select a table from above and click 'browse'.
+      <div>Select a table from above and click 'browse'.</div>
     {{/if}}
 
     <br />
diff --git a/spinner/lib/src/main/assets/head.hbs b/spinner/lib/src/main/assets/head.hbs
index 991968a2b..fe5e6ea2f 100644
--- a/spinner/lib/src/main/assets/head.hbs
+++ b/spinner/lib/src/main/assets/head.hbs
@@ -2,13 +2,26 @@
   <title>Spinner - {{ title }}</title>
   <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🌀</text></svg>">
   <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <!-- Fonts -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap" rel="stylesheet">
+
   <style type="text/css">
     html, body {
-      font-family: monospace;
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 12px;
+    }
+
+    select, input {
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 1rem;
     }
 
     table, th, td {
       border: 1px solid black;
+      font-size: 1rem;
     }
 
     th, td {
@@ -36,7 +49,7 @@
       display: inline-block;
       padding: 8px;
       border-bottom: 1px solid black;
-      font-size: 12px;
+      font-size: 1rem;
     }
 
     .tabs li.active {
diff --git a/spinner/lib/src/main/assets/overview.hbs b/spinner/lib/src/main/assets/overview.hbs
index c602b5bed..e33be9d58 100644
--- a/spinner/lib/src/main/assets/overview.hbs
+++ b/spinner/lib/src/main/assets/overview.hbs
@@ -2,8 +2,11 @@
   {{> head title="Home" }}
 
   <style type="text/css">
-    h2 {
-      font-size: 1.25rem;
+    h1.collapse-header {
+      font-size: 1.35rem;
+    }
+    h2.collapse-header {
+      font-size: 1.15rem;
     }
   </style>