charset: vertical legend if script columns cannot fit

Prevent horizontal scrolling on mobile devices.

diff --git a/base.css b/base.css
index ffa59a56a697250aff18b8b6def61127724824f8..f4d6610a705186cdec78722b374fa7bfc0c7875b 100644 (file)
--- 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 f127505d71866bfb054b38b8ed36232194c3f6bd..d282f091ca452598092ca2b7034c691f5d57ccbb 100644 (file)
--- 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;
 }