indicator appears on hover for ink control points to be added

1 files changed, 3 insertions, 5 deletions

diff --git a/src/client/views/InkControl.tsx b/src/client/views/InkControl.tsx
index ae0fc0b22..accb16f61 100644
--- a/src/client/views/InkControl.tsx
+++ b/src/client/views/InkControl.tsx
@@ -51,8 +51,7 @@ export class InkControl extends React.Component<InkControlProps> {
     }
 
     /**
-     * Deletes the currently selected points.
-     * @param e Keyboard Event.
+     * Deletes the currently selected point.
      */
     @action
     onDelete = (e: KeyboardEvent) => {
@@ -63,7 +62,6 @@ export class InkControl extends React.Component<InkControlProps> {
 
     /**
      * Changes the current selected control point.
-     * @param i The number of the point to be selected.
      */
     @action
     changeCurrPoint = (i: number) => {
@@ -85,8 +83,8 @@ export class InkControl extends React.Component<InkControlProps> {
         return (
             <svg height="10" width="10" key={`ctrl${control.I}`}>
                 <rect 
-                    x={(control.X - left) * scaleX} 
-                    y={(control.Y - top) * scaleY} 
+                    x={(control.X - left - strokeWidth / 2) * scaleX} 
+                    y={(control.Y - top - strokeWidth / 2) * scaleY} 
                     height={this._overControl ? strokeWidth * 1.5 : strokeWidth} 
                     width={this._overControl ? strokeWidth * 1.5 : strokeWidth} 
                     strokeWidth={strokeWidth / 6} stroke="#1F85DE"