From a409242cdb6bffb3cd734fdbaa58c5dd1aeb084e Mon Sep 17 00:00:00 2001
From: Nate Weaver <wevah@derailer.org>
Date: Fri, 10 Jan 2020 15:44:04 -0600
Subject: [PATCH] Make <pre> and <code> elements scale with dynamic type

---
 iOS/Resources/styleSheet.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/iOS/Resources/styleSheet.css b/iOS/Resources/styleSheet.css
index b5d4b1900..66b7d31ec 100644
--- a/iOS/Resources/styleSheet.css
+++ b/iOS/Resources/styleSheet.css
@@ -1,9 +1,12 @@
+:root {
+	font: -apple-system-body;
+}
+
 body {
 	margin-top: 3px;
 	margin-bottom: 20px;
 	margin-left: 20px;
 	margin-right: 20px;
-	font: -apple-system-body;
 
 	word-wrap: break-word;
 	word-break: break-word;
@@ -125,7 +128,7 @@ pre {
 	margin: 0;
 	overflow: auto;
 	overflow-y: hidden;
-	line-height: 20px;
+	line-height: 1.4286em;
 	border: 1px solid var(--secondary-accent-color);
 	padding: 5px;
 	word-wrap: normal;
@@ -137,7 +140,7 @@ pre {
 }
 code, pre {
 	font-family: "SF Mono", Menlo, "Courier New", Courier, monospace;
-	font-size: 14px;
+	font-size: .8235rem;
 }
 img, figure, video, iframe, div {
 	max-width: 100%;