whatever

client/src/components/game.footer.jsx

@@ -124,6 +124,7 @@ function GameFooter(props) {
     return (
         <footer>
             {timer}
+            <button id="nav-btn" onClick={() => setShowNav(!showNav)} >☰</button>
             <button
                 className={ready}
                 onClick={() => actionClick()}>

client/src/components/targeting.arrows.jsx

@@ -41,8 +41,8 @@ class TargetSvg extends Component {
             const sourceX = (source * width / 3) + width / 6;
             const targetX = (target * width / 3) + width / 6 + (defensive ? width / 32 : 0) + (source * width / 24) - (width / 24);
             const targetY = defensive ? height : 0;
-            const curveEnd = height * 0.25;
-            const curveStart = height * 0.75;
+            const curveEnd = height * 0.20;
+            const curveStart = height * 0.80;
 
             if (defensive) {
                 const path = `
@@ -87,6 +87,7 @@ class TargetSvg extends Component {
     componentDidMount() {
         window.addEventListener('resize', this.onResize);
         this.onResize();
+        setTimeout(this.onResize, 50);
     }
 
     componentWillUnmount() {