# HG changeset patch
# User Matti Hamalainen <ccr@tnsp.org>
# Date 1479691861 -7200
# Node ID ce52a0b7b28138b829ca802c15394e5f85a04356
# Parent  87a17b1fccb50b0d5193c086c214252136beedbc
Rework the visibility controls DOM and CSS.

diff -r 87a17b1fccb5 -r ce52a0b7b281 css/common.css
--- a/css/common.css	Sun Nov 20 20:56:23 2016 +0200
+++ b/css/common.css	Mon Nov 21 03:31:01 2016 +0200
@@ -9,23 +9,20 @@
 .c_special div { background: #a06; }
 .c_all div { background: #0af; }
 
-#controls span {
+#controls a {
 	border: 1px solid black;
 	margin: 0.15em;
 	display: inline-table;
 	border-radius: 0.2em;
-}
-
-#controls span a {
 	text-decoration: none;
 	color: black;
-	margin: 1em;
+	padding: 0.30em;
 }
 
 #controls div {
 	padding-bottom: 1em;
 }
 
-#controls span.visible { background: white; }
-#controls span.hidden { background: red; }
+#controls a.visible { background: white; }
+#controls a.hidden { background: red; }
 
diff -r 87a17b1fccb5 -r ce52a0b7b281 markers.js
--- a/markers.js	Sun Nov 20 20:56:23 2016 +0200
+++ b/markers.js	Mon Nov 21 03:31:01 2016 +0200
@@ -246,12 +246,12 @@
   for (var i = 0; i < pmapContinents.length; i++)
   {
     var c = pmapContinents[i][0];
-    str += "<span id=\"sp"+c+"\" class=\"continent\"><a href=\"javascript:pmapToggleVisContinent('"+c+"')\">"+c+"</a></span>\n";
+    str += "<a id=\"sp"+c+"\" class=\"continent\" href=\"javascript:pmapToggleVisContinent('"+c+"')\">"+c+"</a>\n";
 //    if (n == 2) str += "<br />\n";
     n++;
   }	
 
-  str += "<span id=\"spall_c\" class=\"continent\"><a href=\"javascript:pmapToggleVisContinent('all_c')\">All</a></span>\n";
+  str += "<a id=\"spall_c\" class=\"continent\" href=\"javascript:pmapToggleVisContinent('all_c')\">All</a>\n";
 
   str += "</div>\n";
   str +="<div class=\"vtypes\">\n";
@@ -263,13 +263,13 @@
     if (q != null)
     {
       var c = q[1];
-      str += "<span id=\"sp"+c+"\" class=\"vtype\"><a href=\"javascript:pmapToggleVisType('"+c+"')\">"+pmapMarkerTypes[i][0]+"</a></span>\n";
+      str += "<a id=\"sp"+c+"\" class=\"vtype\" href=\"javascript:pmapToggleVisType('"+c+"')\">"+pmapMarkerTypes[i][0]+"</a>\n";
 //      if (n == 2) str += "<br />\n";
       n++;
     }
   }	
 
-  str += "<span id=\"spall_t\" class=\"vtype\"><a href=\"javascript:pmapToggleVisType('all_t')\">All</a></span></div>\n";
+  str += "<a id=\"spall_t\" class=\"vtype\" href=\"javascript:pmapToggleVisType('all_t')\">All</a></div>\n";
 
   document.getElementById("controls").innerHTML = str;