From 147ea38772475f87bd336d7ee0a98697205adf2a Mon Sep 17 00:00:00 2001
From: interlope <spleenftw@gmail.com>
Date: Wed, 3 Jun 2026 00:40:11 +0200
Subject: [PATCH] feat: improve code readability with adjusted line height and
 padding in code blocks

---
 css/style.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 67910b8..f62a3de 100644
--- a/css/style.css
+++ b/css/style.css
@@ -407,6 +407,7 @@ pre {
 	   to actually scroll rather than expand or clip the flex column. */
 	max-width: 100%;
 	white-space: pre;
+	line-height: 1.55; /* denser than body text — reads better for code */
 }
 
 /* Bootstrap flex columns default to min-width:auto, which lets them grow past
@@ -1410,6 +1411,7 @@ footer.footer-modern a:hover {
 	border: none;
 	border-radius: 0;
 	border-left: 3px solid var(--accent);
+	padding: var(--space-sm) var(--space-md);
 }
 
 /* ========================================
@@ -1784,11 +1786,14 @@ footer.footer-modern a:hover {
 	overflow: hidden;
 }
 
-/* The frame is owned by .code-block, so the inner <pre> drops its own */
+/* The frame is owned by .code-block, so the inner <pre> drops its own.
+   Tighter vertical padding (the header already bounds the top) so there's no
+   tall empty band reading as a blank line above/below the numbered code. */
 .code-block pre {
 	margin: 0;
 	border: none;
 	border-radius: 0;
+	padding: var(--space-sm) var(--space-md);
 }
 
 .code-header {