WIP: Fix pan-zoom for webkit

public/assets/css/map.css

@@ -210,10 +210,6 @@ g.selected use.primary-weapon {
   fill: red;
 }
 
-.gameboard {
-  transform: translate(19px, 31px) scale(4);
-}
-
 /* Inradius and circumradius values come from the hexagon */
 .grid, g.start-locations {
   --inradius: 8.66px;

public/assets/css/style.css

@@ -155,7 +155,7 @@ button.set-firing-arc img {
 }
 
 .soldier-record {
-  display: inline-block;
+  display: block;
   position: relative;
   white-space: nowrap;
   background-color: white;
@@ -260,6 +260,7 @@ div#content {
   max-height: 100vh;
   flex-direction: column;
   position: relative;
+  min-width: 340px;
 }
 
 #content > div:first-of-type {
@@ -452,4 +453,8 @@ div#dice {
   #record-sheet > div:last-of-type > div {
     margin-left: 1px;
   }
+
+  div#content {
+    min-width: 680px;
+  }
 }

public/assets/images/scenario_template.svg

@@ -45,9 +45,9 @@
     <image id="counter-grenade" href="counter_grenade.jpg" width="10"/>
   </defs>
 
-  <rect id="background"/>
-
   <g class="gameboard">
+    <rect id="background"/>
+
     <rect id="dots" fill="url(#asterisk)"/>
 
     <g id="firing-arcs">