From f6124d71ef6b9a8d73e9efae33aa769855764416 Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Sat, 15 Apr 2017 19:19:38 +0200
Subject: [PATCH 1/1] latin: enwindow d'ni words in css

Treat words as numbers to be framed as a whole, with less prominent
separation between digits/characters.
---
 latinsample.js      | 2 +-
 writing-latn.inc.pl | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/latinsample.js b/latinsample.js
index a120c66..406cac1 100644
--- a/latinsample.js
+++ b/latinsample.js
@@ -47,7 +47,7 @@ function appendsample() {
 				output += '<span>' + (cols[col] || ' ') + '</span>';
 			}
 			else {
-				output += ' ';
+				output += '<b> </b>';
 			}
 			if (row.parentNode.tagName == 'THEAD') {
 				output += col < 26 ? ' ' : '· '; // number separator
diff --git a/writing-latn.inc.pl b/writing-latn.inc.pl
index 525daf2..2c9b59f 100644
--- a/writing-latn.inc.pl
+++ b/writing-latn.inc.pl
@@ -539,9 +539,12 @@ cmymap => {
 },
 dni => {
 	title => "D'ni",
+	style => [
+		'svg { border: 1px solid #000 }',
+		'.sample span + span svg { border-left: 0 }',
+	],
 	list => [
 		map {
-			state $window = 'M-.5,-.5H8.5V8.5H-.5Z';
 			state $v = [
 				'',
 				'M0,4 8,4',
@@ -558,8 +561,8 @@ dni => {
 				'M4,-.5 0,4 4,8.5',
 				'M4,8 4,2 8,2',
 			];
-			sprintf '<svg width="16" height="16" viewBox="-.5 -.5 9 9"><path d="%s"/></svg>',
-				$window . ($h->[$_ % 5] . $v->[$_ / 5] || $v->[6]);
+			sprintf '<svg width="16" height="16" viewBox="0 0 8 8"><path d="%s"/></svg>',
+				$h->[$_ % 5] . $v->[$_ / 5] || $v->[6];
 		} 0 .. 5*5
 	],
 },
-- 
2.30.0