fixed arrow/dot?

1 files changed, 6 insertions, 5 deletions

diff --git a/src/client/util/InteractionUtils.tsx b/src/client/util/InteractionUtils.tsx
index c38c9b9c2..3634fb704 100644
--- a/src/client/util/InteractionUtils.tsx
+++ b/src/client/util/InteractionUtils.tsx
@@ -121,12 +121,12 @@ export namespace InteractionUtils {
         return (<svg fill={fill === "none" ? color : fill}> {/* setting the svg fill sets the arrowhead fill */}
             {nodefs ? (null) : <defs>
                 <marker id={`dot${defGuid}`} orient="auto" overflow="visible">
-                    <circle r={0.5} fill="context-stroke" />
+                    <circle r={1} fill="context-stroke" />
                 </marker>
-                <marker id={`arrowHead${defGuid}`} orient="auto" overflow="visible" refX="3" refY="0" markerWidth="10" markerHeight="7">
-                    <polygon points="10 -5, 10 5, 0 0" />
+                <marker id={`arrowHead${defGuid}`} orient="auto" overflow="visible" refX="3" refY="1" markerWidth="10" markerHeight="7">
+                    <polygon points="3 0, 3 2, 0 1" />
                 </marker>
-                <marker id={`arrowEnd${defGuid}`} orient="auto" overflow="visible" refX="3" refY="1" markerWidth="10" markerHeight="7">
+                <marker id={`arrowEnd${defGuid}`} orient="auto" overflow="visible" refX="0" refY="1" markerWidth="10" markerHeight="7">
                     <polygon points="0 0, 3 1, 0 2" />
                 </marker>
 
@@ -142,7 +142,8 @@ export namespace InteractionUtils {
                     stroke: color ?? "rgb(0, 0, 0)",
                     strokeWidth: strokeWidth,
                     strokeLinejoin: "round",
-                    strokeLinecap: "round"
+                    strokeLinecap: "round",
+                    strokeDasharray: dashArray
                 }}
                 markerStart={`url(#${arrowStart + defGuid})`}
                 markerEnd={`url(#${arrowEnd + defGuid})`}