diff --git a/client/cryps.css b/client/cryps.css index 0bde219e..7e635e30 100644 --- a/client/cryps.css +++ b/client/cryps.css @@ -519,6 +519,8 @@ table td svg { padding: 0 2em 0 2em; min-width: 300px; + + overflow: hidden; } /* CRYP BOX */ @@ -682,6 +684,7 @@ table td svg { flex-flow: row wrap; flex: 1 0 25%; height: 100%; + z-index: 10; } .game-cryp .effects { @@ -803,7 +806,7 @@ table td svg { .game .target-svg path { stroke: whitesmoke; - stroke-width: 2px; + stroke-width: 4px; } .mobile-skills { diff --git a/client/src/components/targeting.arrows.jsx b/client/src/components/targeting.arrows.jsx index 11266a6d..fb9f39d9 100644 --- a/client/src/components/targeting.arrows.jsx +++ b/client/src/components/targeting.arrows.jsx @@ -36,6 +36,9 @@ function TargetSvg(args) { L150,${sourceY} C150,${sourceY} 150,${targetY} 150,${targetY} L0,${targetY} + L50,${targetY - 4} + M0,${targetY} + L50,${targetY + 4} `; return ; @@ -46,6 +49,9 @@ function TargetSvg(args) { L${curveStart},${sourceY} C${curveEnd},${sourceY} ${curveStart},${targetY} ${curveEnd},${targetY} L900,${targetY} + L850,${targetY - 4} + M900,${targetY} + L850,${targetY + 4} `; return ;