charset: vertical legend if script columns cannot fit

[sheet.git] / base.css

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;