From 3cca1cc1088e8d800ae2cb46f48deeeb1445187d Mon Sep 17 00:00:00 2001
From: Daira Hopwood <daira@jacaranda.org>
Date: Tue, 17 Mar 2020 18:32:51 +0000
Subject: [PATCH] Scrunch pre and math blocks a bit more.

Signed-off-by: Daira Hopwood <daira@jacaranda.org>
---
 css/style.css | 45 ++++++++++++++++++++++++++++++---------------
 1 file changed, 30 insertions(+), 15 deletions(-)

diff --git a/css/style.css b/css/style.css
index 158b07d6..251f0386 100644
--- a/css/style.css
+++ b/css/style.css
@@ -122,7 +122,7 @@ div.math {
   margin: 0 1rem 1rem 1rem;
   text-align: center;
   padding: 0;
-  font-size: 0.9375rem;
+  font-size: 0.75rem;
 }
 
 a, a:visited {
@@ -170,15 +170,6 @@ table {
     border: 0 none transparent;
 }
 
-@media (max-width: 576px) {
-  table:not(.footnote) {
-      display: block;
-  }
-  pre, div.math, table {
-      font-size: 0.6rem;
-  }
-}
-
 th, td {
   border: 1px solid #212529;
 }
@@ -221,12 +212,27 @@ td:first-child {
   content: "]";
 }
 
+@media (max-width: 576px) {
+  table:not(.footnote) {
+      display: block;
+  }
+  pre, div.math {
+      font-size: 0.5rem;
+  }
+  table {
+      font-size: 0.6rem;
+  }
+}
+
 @media (min-width: 576px) {
   body > section {
       max-width: initial;
       width: 510px;
   }
-  pre, div.math, table {
+  pre, div.math {
+      font-size: 0.5rem;
+  }
+  table {
       font-size: 0.6rem;
   }
 }
@@ -235,7 +241,10 @@ td:first-child {
   body > section {
       width: 690px;
   }
-  pre, div.math, table {
+  pre, div.math {
+      font-size: 0.55rem;
+  }
+  table {
       font-size: 0.7rem;
   }
 }
@@ -244,7 +253,10 @@ td:first-child {
   body > section {
       width: 770px;
   }
-  pre, div.math, table {
+  pre, div.math {
+      font-size: 0.6rem;
+  }
+  table {
       font-size: 0.8rem;
   }
 }
@@ -254,7 +266,10 @@ td:first-child {
       max-width: initial;
       width: 920px;
   }
-  pre, div.math, table {
+  pre, div.math {
+      font-size: 0.68rem;
+  }
+  table {
       font-size: 0.85rem;
   }
 }
@@ -265,7 +280,7 @@ td:first-child {
       width: 1200px;
   }
   pre, div.math {
-      font-size: 0.9375rem;
+      font-size: 0.75rem;
   }
   table {
       font-size: 1rem;