From f05825db4e73654cff7b527c05724b8bbea229fc Mon Sep 17 00:00:00 2001
From: m455 <jesse@m455.casa>
Date: Sat, 4 Feb 2023 00:23:01 -0500
Subject: [PATCH] css font adjustments for readability. also separated css
 rules that had more than one rule into multiple lines for readability

---
 assets/templates/default.html | 42 ++++++++++++++++++++++-------------
 1 file changed, 27 insertions(+), 15 deletions(-)

diff --git a/assets/templates/default.html b/assets/templates/default.html
index 90e7aa6..2b1b1cc 100644
--- a/assets/templates/default.html
+++ b/assets/templates/default.html
@@ -9,20 +9,38 @@
 <style>
     body {
         font-family: sans-serif;
+        font-size: 16px;
         margin: 0 auto;
         max-width: 700px;
         line-height: 1.5;
     }
-    pre, code { background-color: #eeeeee; border-radius: 5px }
+    pre, code {
+        font-size: 14px;
+        background-color: #eeeeee;
+        border-radius: 5px ;
+    }
     code { padding: 2px 7px }
-    pre { overflow: scroll; padding: 15px 20px; white-space: pre }
+    pre {
+        overflow: scroll;
+        padding: 15px 20px;
+        white-space: pre;
+    }
     pre code { padding: 0 }
     a { color: blue }
     nav a { margin-right: 10px }
-    hr { border: 0; border-bottom: 1px solid black }
+    hr {
+        border: 0;
+        border-bottom: 1px solid black;
+    }
     th { text-align: left }
-    td { padding: 0 1em 0 0; vertical-align: top }
-    footer { font-size: small; text-align: right }
+    td {
+        padding: 0 1em 0 0;
+        vertical-align: top;
+    }
+    footer {
+        font-size: small;
+        text-align: right;
+    }
     img { max-width: 100% }
     /* permalinks */
     h1 a[href^="#"]::after, h2 a[href^="#"]::after, h3 a[href^="#"]::after, h4 a[href^="#"]::after, h5 a[href^="#"]::after, h6 a[href^="#"]::after { content: "¶"; opacity: 0; margin-left: .5em; }
@@ -35,21 +53,15 @@
     }
     #file-contents code { background-color: inherit }
     .line-number { text-align: right }
-    .line:target {
-        background-color: yellow;
-    }
+    .line:target { background-color: yellow }
     @media (prefers-color-scheme: dark) {
         body {
             color: white;
             background-color: black;
         }
-        a {
-            color: cyan;
-        }
-        pre, code {
-            background-color: #222222;
-        }
-        .line:target { background-color: darkgreen; }
+        a { color: cyan; }
+        pre, code { background-color: #222222 }
+        .line:target { background-color: darkgreen }
     }
 </style>
 </head>