event key/code properties

css/map.less

@@ -2,26 +2,22 @@
 	font-family: source sans pro, sans-serif;
 }
 
-svg {
-	font-size: 15px;
-
-	// root item
-	> .item {
-		> foreignObject > .content {
-			font-weight: bold;
-			border-width: 2px;
-			font-size: 140%;
-		}
+// root item
+svg > .item {
+	> foreignObject > .content {
+		font-weight: bold;
+		border-width: 2px;
+		font-size: 140%;
+	}
 
-		> .toggle {
-			display: none;
-		}
+	> .toggle {
+		display: none;
+	}
 
-		// first children
-		> .item > foreignObject > .content {
-			border-width: 2px;
-			font-size: 120%;
-		}
+	// first children
+	> .item > foreignObject > .content {
+		border-width: 2px;
+		font-size: 120%;
 	}
 }
 

css/my-mind.less

@@ -38,7 +38,7 @@ button:not(:disabled) {
 	z-index: 1;
 	left: 10px;
 	bottom: 5px;
-	font-size: 1rem; // do not scale with map zoom
+	font-size: 14px;
 
 	&::before { content: "Tip: "; }
 

css/pane.less

@@ -152,6 +152,11 @@
 			transform: translate(-100%, 0);
 		}
 
+		p {
+			text-transform: uppercase;
+			font-size: 80%;
+		}
+
 		table {
 			width: 100%;
 			border-collapse: collapse;

index.html

@@ -985,16 +985,16 @@ <h3></h3>
 		<div id="help" class="pane" hidden>
 			<h3>Help</h3>
 
-			<p><span>Navigation</span></p>
+			<p>Navigation</p>
 			<table class="navigation"></table>
 
-			<p><span>Manipulation</span></p>
+			<p>Manipulation</p>
 			<table class="manipulation"></table>
 
-			<p><span>Editing</span></p>
+			<p>Editing</p>
 			<table class="editing"></table>
 
-			<p><span>Other</span></p>
+			<p>Other</p>
 			<table class="other"></table>
 		</div>