From: Mischa POSLAWSKY <perl@shiar.org>
Date: Tue, 14 Nov 2023 18:12:27 +0000 (+0100)
Subject: charset: browser compatibility for mobile legends
X-Git-Tag: v1.15~3
X-Git-Url: http://git.shiar.nl/sheet.git/commitdiff_plain/0f281608851a0a2af951355f4074baae7e81f845

charset: browser compatibility for mobile legends

Avoid chrome-specific :not and font alignment in commit v1.14-16-ge37bc4efe6
(2023-11-04) [vertical legend if script columns cannot fit].
---

diff --git a/base.css b/base.css
index 8050463..9e8058c 100644
--- a/base.css
+++ b/base.css
@@ -980,17 +980,19 @@ body .magic-perma {
 	.row4 {margin-left: 7.5em} /* 10em / Δtd */
 
 	/* letter scripts columns to rows */
-	.legend .glyphs:first-child td:not(td td) {
+	.legend .glyphs:first-child td {
 		display: table-row;
+		vertical-align: baseline;
 	}
 	.legend .glyphs td > table {
 		width: auto;
-		display: inline-block;
-		margin: 1px 0 1px 1ex;
-		vertical-align: -6px;
+		display: inline;
+		margin-left: 1ex;
 	}
-	.legend .glyphs td td {
+	.legend .glyphs:first-child td td {
 		margin: 2px;
+		display: inline-block;
+		width: auto;
 	}
 
 	@media (max-width: 61em) {