Fix tagline on thin screens

mon · Jul 2, 2022 · dfe04d4 · dfe04d4
1 parent f328014
commit dfe04d4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -395,7 +395,7 @@ <h1>Pick a game!</h1>
                 <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>