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 ;