From 9317874ab59f7bbbb517ea6b38799752bb44b14c Mon Sep 17 00:00:00 2001
From: Alan Pearce
Date: Sun, 5 May 2024 18:54:32 +0200
Subject: style: improve layout and formatting of code samples

---
 frontend/static/style.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

(limited to 'frontend/static/style.css')

diff --git a/frontend/static/style.css b/frontend/static/style.css
index a747adf..d6534b8 100644
--- a/frontend/static/style.css
+++ b/frontend/static/style.css
@@ -1,3 +1,6 @@
+:root {
+  --preformatted: var(--code);
+}
 form {
   display: flex;
   column-gap: 1ex;
@@ -17,6 +20,17 @@ dd {
 
 dl {
   display: grid;
+  align-items: baseline;
+  grid-row-gap: 1ch;
   grid-template-rows: 1fr;
   grid-template-columns: max-content 1fr;
 }
+
+pre {
+  margin: unset;
+  padding: 1ch 1.4ch;
+}
+
+pre:has(> code) {
+  background: var(--bg);
+}
-- 
cgit 1.4.1