Reduce spacing around code and round corners

2 files changed, 15 insertions, 0 deletions

diff --git a/page.js b/page.js
index 249dc9d..404a0da 100644
--- a/page.js
+++ b/page.js
@@ -38,6 +38,7 @@ function handleMsg() {
         const code = block.slice(newlineIdx + 1);
 
         const preEl = document.createElement("pre");
+        preEl.classList.add("code-block");
         const codeEl = document.createElement("code");
         if (lang) codeEl.classList.add("language-" + lang);
         codeEl.appendChild(document.createTextNode(code));
diff --git a/styles.css b/styles.css
index 55cc732..a63efc9 100644
--- a/styles.css
+++ b/styles.css
@@ -6,3 +6,17 @@
 math {
   font-family: "STIXTwoMath";
 }
+
+code.hljs {
+  padding: 2px;
+  border-radius: 2px;
+}
+
+pre code.hljs {
+  padding: 0.5em;
+  border-radius: 0.5em;
+}
+
+pre.code-block {
+  margin: 0.5em 0;
+}