# HG changeset patch
# User Matti Hamalainen <ccr@tnsp.org>
# Date 1479515221 -7200
# Node ID 625cac7c230d6fafd4d7d6bb6b0994462582e1e6
# Parent  eb98c07589559c649c49ea3c86348b05b6ec5abe
Use CSS class instead of direct style / background color manipulation.

diff -r eb98c0758955 -r 625cac7c230d css/common.css
--- a/css/common.css	Sat Nov 19 02:21:25 2016 +0200
+++ b/css/common.css	Sat Nov 19 02:27:01 2016 +0200
@@ -10,15 +10,22 @@
 .c_all div { background: #0af; }
 
 #controls span {
-	text-shadow: 1px 1px 1px #000;
 	border: 1px solid black;
-	margin: 2px;
+	margin: 0.15em;
 	display: inline-table;
+	border-radius: 0.2em;
 }
 
 #controls span a {
 	text-decoration: none;
 	color: black;
-	padding: 6px;
+	padding: 1em;
 }
 
+#controls div {
+	padding-bottom: 1em;
+}
+
+#controls span.visible { background: white; }
+#controls span.hidden { background: red; }
+
diff -r eb98c0758955 -r 625cac7c230d markers.js
--- a/markers.js	Sat Nov 19 02:21:25 2016 +0200
+++ b/markers.js	Sat Nov 19 02:27:01 2016 +0200
@@ -301,7 +301,9 @@
 function pmapSetFilterVisState(c, show)
 {
   markerVisStates[c] = show;
-  document.getElementById("sp" + c).style.background = show ? "white" : "red";
+  var elem = document.getElementById("sp" + c);
+  elem.classList.add(show ? "visible" : "hidden");
+  elem.classList.remove(!show ? "visible" : "hidden");
 }