Fix vectorAdd calculation; draw grid hexes after buildings

public/assets/css/map.css

@@ -16,7 +16,7 @@ text {
 
 use[href="#hex"] {
   opacity: 0.25;
-  fill: transparent;
+  fill: purple;
   fill-opacity: 0.5;
   stroke-width: 0.5px;
   stroke: black;
@@ -236,7 +236,7 @@ g[data-y]:nth-child(odd) {
   transform: scale(var(--scale));
 }
 
-[data-x]:hover use[href="#hex"] {
+[data-x]:hover use[href="#hex"], [data-q][data-r][data-s][data-t]:hover use[href="#hex"] {
   opacity: 1;
   fill: orange;
   stroke: black;

public/assets/images/scenario_template.svg

@@ -1,8 +1,8 @@
 <?xml version="1.0" standalone="no"?>
 <svg viewBox="-10 -10 200 300"
   xmlns="http://www.w3.org/2000/svg">
-  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
   <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/radial.css" type="text/css" />
+  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
   <style>
     #background {
       stroke: #304b75;