latin: css to break tap code parts

Soft line breaks so it doesn't occur in sample.

diff --git a/latin.plp b/latin.plp
index d9f8be7777cad12a8a634b5a460a9f06ee56b482..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;

diff --git a/writing-latn.inc.pl b/writing-latn.inc.pl
index 2b224fe58b99d17651d02875d177f97bd6a0ffc3..da6fc3f78ca9f415b32d7b4c1019a9a6009069a4 100644 (file)
--- a/writing-latn.inc.pl
+++ b/writing-latn.inc.pl
@@ -4,7 +4,7 @@ use List::Util qw( pairs );
 sub disptap {
        return map {
                !m/\A(-?)(\d)(\d)/ ? $_ :
-               $1.sprintf('%s<br>%s',
+               $1.join(' ',
                        '·' x $2, '·' x $3,
                );
        } @_;