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 805046324a3ddfbfd2ac61c07c783fb20908baff..9e8058c913e1b2ec98e0468a79d6f89b055f5017 100644 (file)
--- 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) {