From e37bc4efe627399c7f6b851f56440fa18e3ab4dd Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Tue, 31 Oct 2023 21:54:44 +0100
Subject: [PATCH] charset: vertical legend if script columns cannot fit

Prevent horizontal scrolling on mobile devices.
---
 base.css       | 14 ++++++++++++++
 common.inc.plp |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/base.css b/base.css
index ffa59a5..f4d6610 100644
--- a/base.css
+++ b/base.css
@@ -985,6 +985,20 @@ body .magic-perma {
 	.row3 {margin-left: 6em}   /* 8em / Δtd */
 	.row4 {margin-left: 7.5em} /* 10em / Δtd */
 
+	/* letter scripts columns to rows */
+	.legend .glyphs:first-child td:not(td td) {
+		display: table-row;
+	}
+	.legend .glyphs td > table {
+		width: auto;
+		display: inline-block;
+		margin: 1px 0 1px 1ex;
+		vertical-align: -6px;
+	}
+	.legend .glyphs td td {
+		margin: 2px;
+	}
+
 	@media (max-width: 61em) {
 		.keys td {
 			width: 3em;
diff --git a/common.inc.plp b/common.inc.plp
index f127505..d282f09 100644
--- a/common.inc.plp
+++ b/common.inc.plp
@@ -78,7 +78,7 @@ sub stylesheet {
 
 	return map { sprintf(
 		'<link rel="%s" type="text/css" media="all" href="%s" title="%s">',
-		$_ eq $style ? 'stylesheet' : 'alternate stylesheet', "/$_.css?1.13", $_
+		$_ eq $style ? 'stylesheet' : 'alternate stylesheet', "/$_.css?1.14", $_
 	) } @avail;
 }
 
-- 
2.30.0