From 1e4cb7c1109296c0f4db898bae040c3a202f6b49 Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Mon, 13 Feb 2023 12:31:32 +0100
Subject: [PATCH] perl: reduce dt column width for small 400-640px screens

---
 base.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/base.css b/base.css
index 204e299..97d8128 100644
--- a/base.css
+++ b/base.css
@@ -137,10 +137,18 @@ dl {
 	grid: auto-flow / 1fr 1fr;
 	clear: both;
 }
+@media (max-width: 42em) {
+	dl {
+		grid: auto-flow / minmax(8em, 1fr) minmax(20em, 1fr);
+	}
+}
 dl > dt {
 	grid-column: 1;
 	text-align: right;
 }
+dt code {
+	white-space: normal;
+}
 dl > dd {
 	grid-column: 2;
 	text-align: left;
-- 
2.30.0