From: Mischa POSLAWSKY <perl@shiar.org>
Date: Mon, 13 Feb 2023 11:24:00 +0000 (+0100)
Subject: perl: grid layout of dl columns
X-Git-Tag: v1.14~40
X-Git-Url: http://git.shiar.nl/sheet.git/commitdiff_plain/8942c2dc70da50d728e47ba43c9c11a5652d8188

perl: grid layout of dl columns

Same results without floats, being more manageable and adjustable.
---

diff --git a/base.css b/base.css
index 94db00b..204e299 100644
--- a/base.css
+++ b/base.css
@@ -132,15 +132,20 @@ h2 small {
 	padding-top: .17ex;
 }
 
+dl {
+	display: grid;
+	grid: auto-flow / 1fr 1fr;
+	clear: both;
+}
 dl > dt {
-	float: left;
-	width: 50%;
+	grid-column: 1;
 	text-align: right;
 }
 dl > dd {
+	grid-column: 2;
 	text-align: left;
 	padding-left: 1em;
-	overflow: hidden;
+	margin: 0;
 }
 
 /* "keyboard" (list of keys) */