latin: css to break tap code parts

[sheet.git] / latin.plp

diff --git a/latin.plp b/latin.plp
index a801e68a889163b1b6434e9268d82260a6968bfa..78b52cb2ef9da531089d99c0d613aedd3f9e61f8 100644 (file)
--- a/latin.plp
+++ b/latin.plp
@@ -25,6 +25,8 @@ Html({
        #tap-code td,
        #tap-simplified td {
                line-height: 1ex;
+               white-space: normal;
+               word-spacing: 5em; /* force line break between words */
        }
        #pigpen {
                stroke-linecap: square;
@@ -38,6 +40,15 @@ Html({
                white-space: nowrap;
        }
 
+       #pigpen .sample > svg {
+               margin-right: 0.1em;
+       }
+       #nyctographs .sample > svg {
+               background: rgba(0,0,0, .1);
+               padding: 0.1em;
+               margin-right: 0.2em;
+       }
+
        svg path:not([fill]) {
                stroke: currentColor;
                fill: none;