From dfe04d4aecdf2ce6377d11a46df66a2ad9176e94 Mon Sep 17 00:00:00 2001
From: Will Toohey <will@mon.im>
Date: Sat, 2 Jul 2022 11:06:09 +1000
Subject: [PATCH] Fix tagline on thin screens

---
 css/style.css | 4 ++++
 index.html    | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/css/style.css b/css/style.css
index 1247e90..a97fdd1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -9,6 +9,10 @@
   font-style: normal;
 }
 
+.tagline {
+    font-family: monospace;
+}
+
 .icons, .subsection {
     display: grid;
     grid-template-columns: repeat(auto-fit, 180px);
diff --git a/index.html b/index.html
index 17d8c22..146de27 100644
--- a/index.html
+++ b/index.html
@@ -395,7 +395,7 @@
                 <div>Taiko no Tatsujin</div>
             </a>
         </div>
-        <pre class="tagline">Patches are community created. <a href="https://github.com/mon/BemaniPatcher/">Submit your own via Pull Request!</a></pre>
-        <pre class="tagline"><em>Converted to a web-tool by <a href="https://github.com/mon/">mon</a></em></pre>
+        <div class="tagline">Patches are community created. <a href="https://github.com/mon/BemaniPatcher/">Submit your own via Pull Request!</a></div>
+        <div class="tagline"><em>Converted to a web-tool by <a href="https://github.com/mon/">mon</a></em></div>
     </body>
 </html>