force keyboard width to prevent row breaks

Prefer horizontal scrolling to mispositioned keys.

diff --git a/base.css b/base.css
index 849015491ae4da507be464f157423372f5464afd..0aee0ed34c58872808e3250380cdaecae29ee319 100644 (file)
--- a/base.css
+++ b/base.css
@@ -91,6 +91,14 @@ li.row ul ul {
 h3      {display: none} /* semantic details (non-css/js) */
 li.mode {display: none} /* initially hidden (only show interactively (js)) */
 
+#rows {
+       width: 82.5em; /*       12 * (2px + 1px + 6.2em + 1px + 2px) + 8em*/
+       padding-right: 72px;
+}
+#rows > li {
+       margin-right: -72px;
+}
+
 /* individual keys */
 
 dl.legend dt,