2 files changed, 31 insertions, 28 deletions
diff --git a/public/map.css b/public/map.css
index b961d35..d960ba8 100644
--- a/public/map.css
+++ b/public/map.css
@@ -144,11 +144,15 @@ polygon.firing-arc[data-allegiance="liao"] {
   stroke: none;
 }
 
-#lines polygon {
+#lines polyline, #lines line {
   fill: none;
   stroke: black;
 }
 
+#lines line {
+  pointer-events: none;
+}
+
 .sight-line {
   stroke: orangered;
   stroke-width: 0.5px;
@@ -203,7 +207,7 @@ g.start-locations > g:last-child {
 }
 
 /* Inradius and circumradius values come from the hexagon */
-.grid {
+.grid, g.start-locations {
   --inradius: 8.66px;
   --circumradius: 10px;
   --x-step: calc(var(--inradius) * 2);
@@ -215,7 +219,7 @@ g[data-y], g.start-locations > g {
   transform: translate(var(--translateX), calc(var(--y-step) * var(--i)));
 }
 
-g[data-y]:nth-child(even) {
+g[data-y]:nth-child(odd) {
   --translateX: calc(var(--inradius));
 }
 
diff --git a/public/map.svg b/public/map.svg
index 1dcd2f2..6cee83a 100644
--- a/public/map.svg
+++ b/public/map.svg
@@ -45,35 +45,34 @@
     <image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518"/>
   </g>
 
-  <g id="firing-arcs">
-    <g id="shapes"/>
-    <g id="lines"/>
-  </g>
-
   <g class="board">
     <g id="test-arcs">
     </g>
-    <g class="grid">
-      <g class="start-locations">
-        <g>
-          <g data-x="13" class="counter" data-allegiance="liao" data-number="1"><use href="#t-1"/></g>
-          <g data-x="14" class="counter" data-allegiance="liao" data-number="2"><use href="#t-2"/></g>
-          <g data-x="15" class="counter" data-allegiance="liao" data-number="3"><use href="#t-3"/></g>
-          <g data-x="16" class="counter" data-allegiance="liao" data-number="4"><use href="#t-4"/></g>
-          <g data-x="17" class="counter" data-allegiance="liao" data-number="5"><use href="#t-5"/></g>
-          <g data-x="18" class="counter" data-allegiance="liao" data-number="6"><use href="#t-6"/></g>
-          <g data-x="19" class="counter" data-allegiance="liao" data-number="7"><use href="#t-7"/></g>
-        </g>
-        <g>
-          <g data-x="13" class="counter" data-allegiance="davion" data-number="1"><use href="#t-1"/></g>
-          <g data-x="14" class="counter" data-allegiance="davion" data-number="2"><use href="#t-2"/></g>
-          <g data-x="15" class="counter" data-allegiance="davion" data-number="3"><use href="#t-3"/></g>
-          <g data-x="16" class="counter" data-allegiance="davion" data-number="4"><use href="#t-4"/></g>
-          <g data-x="17" class="counter" data-allegiance="davion" data-number="5"><use href="#t-5"/></g>
-          <g data-x="18" class="counter" data-allegiance="davion" data-number="6"><use href="#t-6"/></g>
-          <g data-x="19" class="counter" data-allegiance="davion" data-number="7"><use href="#t-7"/></g>
-        </g>
+    <g id="firing-arcs">
+      <g id="shapes"/>
+      <g id="lines"/>
+    </g>
+    <g class="start-locations">
+      <g>
+        <g data-x="13" class="counter" data-allegiance="liao" data-number="1"><use href="#t-1"/></g>
+        <g data-x="14" class="counter" data-allegiance="liao" data-number="2"><use href="#t-2"/></g>
+        <g data-x="15" class="counter" data-allegiance="liao" data-number="3"><use href="#t-3"/></g>
+        <g data-x="16" class="counter" data-allegiance="liao" data-number="4"><use href="#t-4"/></g>
+        <g data-x="17" class="counter" data-allegiance="liao" data-number="5"><use href="#t-5"/></g>
+        <g data-x="18" class="counter" data-allegiance="liao" data-number="6"><use href="#t-6"/></g>
+        <g data-x="19" class="counter" data-allegiance="liao" data-number="7"><use href="#t-7"/></g>
       </g>
+      <g>
+        <g data-x="13" class="counter" data-allegiance="davion" data-number="1"><use href="#t-1"/></g>
+        <g data-x="14" class="counter" data-allegiance="davion" data-number="2"><use href="#t-2"/></g>
+        <g data-x="15" class="counter" data-allegiance="davion" data-number="3"><use href="#t-3"/></g>
+        <g data-x="16" class="counter" data-allegiance="davion" data-number="4"><use href="#t-4"/></g>
+        <g data-x="17" class="counter" data-allegiance="davion" data-number="5"><use href="#t-5"/></g>
+        <g data-x="18" class="counter" data-allegiance="davion" data-number="6"><use href="#t-6"/></g>
+        <g data-x="19" class="counter" data-allegiance="davion" data-number="7"><use href="#t-7"/></g>
+      </g>
+    </g>
+    <g class="grid">
       <g data-y="0">
         <g data-x="0"><use href="#hex"/></g>
         <g data-x="1"><use href="#hex"/></g>