From f58ad3307b2e89776cd9d029b6cd68cb9777bb44 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Fri, 3 May 2019 20:46:07 +1000
Subject: [PATCH] mobile arrows

---
 client/cryps.css                           | 7 ++++++-
 client/src/components/targeting.arrows.jsx | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/client/cryps.css b/client/cryps.css
index ea846a84..0bde219e 100644
--- a/client/cryps.css
+++ b/client/cryps.css
@@ -797,8 +797,8 @@ table td svg {
 
 .game .target-svg {
     flex: 1;
-    min-width: 20%;
     height: 94%;
+    max-width: 100%;
 }
 
 .game .target-svg path {
@@ -1042,4 +1042,9 @@ CRYP DAMAGE
     .hidden {
         display: none;
     }
+
+    .game .target-svg path {
+        transform-origin: center;
+        transform: rotate(-90deg);
+    }
 }
diff --git a/client/src/components/targeting.arrows.jsx b/client/src/components/targeting.arrows.jsx
index 214075cb..11266a6d 100644
--- a/client/src/components/targeting.arrows.jsx
+++ b/client/src/components/targeting.arrows.jsx
@@ -56,7 +56,7 @@ function TargetSvg(args) {
         : outgoing.map(getPath);
 
     return (
-        <svg viewBox="0 0 900 900" preserveAspectRatio="none" className="target-svg" transform='rotate(-90)'>
+        <svg viewBox="0 0 900 900" preserveAspectRatio="none" className="target-svg">
             {arrows}
         </svg>
     );