# HG changeset patch
# User Matti Hamalainen <ccr@tnsp.org>
# Date 1479514838 -7200
# Node ID 5c15b45947f2062661e880eb0095db2ef4c11f2b
# Parent  0a14a25a5f153174f78b3e50b9a9d13a87671a41
Improve stylesheet/dom.

diff -r 0a14a25a5f15 -r 5c15b45947f2 markers.js
--- a/markers.js	Sat Nov 19 02:10:00 2016 +0200
+++ b/markers.js	Sat Nov 19 02:20:38 2016 +0200
@@ -238,19 +238,20 @@
   //
   // Create map control elements
   //
-  var str = "";
+  var str = "<div class=\"vcontinents\">";
   var n = 0;
   for (var i = 0; i < pmapContinents.length; i++)
   {
     var c = pmapContinents[i][0];
-    str += "<span id=\"sp"+c+"\"><a href=\"javascript:pmapToggleVisContinent('"+c+"')\">"+c+"</a></span>\n";
-    if (n == 2) str += "<br />\n";
+    str += "<span id=\"sp"+c+"\" class=\"continent\"><a href=\"javascript:pmapToggleVisContinent('"+c+"')\">"+c+"</a></span>\n";
+//    if (n == 2) str += "<br />\n";
     n++;
   }	
 
-  str += "<span id=\"spall_c\"><a href=\"javascript:pmapToggleVisContinent('all_c')\">All</a></span>\n";
+  str += "<span id=\"spall_c\" class=\"continent\"><a href=\"javascript:pmapToggleVisContinent('all_c')\">All</a></span>\n";
 
-  str += "<br /><br />\n";
+  str += "</div>\n";
+  str +="<div class=\"vtypes\">\n";
 
   n = 0;
   for (var i = 0; i < pmapMarkerTypes.length; i++)
@@ -259,13 +260,13 @@
     if (q != null)
     {
       var c = q[1];
-      str += "<span id=\"sp"+c+"\"><a href=\"javascript:pmapToggleVisType('"+c+"')\">"+pmapMarkerTypes[i][0]+"</a></span>\n";
-      if (n == 2) str += "<br />\n";
+      str += "<span id=\"sp"+c+"\" class=\"vtype\"><a href=\"javascript:pmapToggleVisType('"+c+"')\">"+pmapMarkerTypes[i][0]+"</a></span>\n";
+//      if (n == 2) str += "<br />\n";
       n++;
     }
   }	
 
-  str += "<span id=\"spall_t\"><a href=\"javascript:pmapToggleVisType('all_t')\">All</a></span>\n";
+  str += "<span id=\"spall_t\" class=\"vtype\"><a href=\"javascript:pmapToggleVisType('all_t')\">All</a></span></div>\n";
 
   document.getElementById("controls").innerHTML = str;