From: Mischa POSLAWSKY <perl@shiar.org>
Date: Mon, 13 Feb 2023 11:31:32 +0000 (+0100)
Subject: perl: reduce dt column width for small 400-640px screens
X-Git-Tag: v1.14~39
X-Git-Url: http://git.shiar.nl/sheet.git/commitdiff_plain/1e4cb7c1109296c0f4db898bae040c3a202f6b49

perl: reduce dt column width for small 400-640px screens
---

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;