figured out tutorial highlight draw bug

src/Tutorial.ts

@@ -337,18 +337,27 @@ export class Tutorial {
     }
 
     highlightStepTarget = (target: JQuery<HTMLElement>): void => {
+        const eagle = Eagle.getInstance()
         if(TutorialSystem.activeTutCurrentStep.getAlternateHightlightTargetFunc() != null){
             target = TutorialSystem.activeTutCurrentStep.getAlternateHightlightTargetFunc()()
         }
 
+        console.log(target)
+
         //in order to darken the screen save the selection target, we must add divs on each side of the element.
         const coords = target.offset()
         const docWidth = window.innerWidth
         const top_actual = Math.round(coords.top)//distance of the top of the element from the top of the document
-        const right = coords.left + $(target).outerWidth() 
+        let right = coords.left + $(target).outerWidth() 
         const left = docWidth - coords.left
-        const targetHeight = Math.round($(target).outerHeight())
-        const bottom_actual = Math.round(coords.top + targetHeight) //distance from the bottom of the target element to the bottom of the document
+        let targetHeight = Math.round($(target).outerHeight())
+        let bottom_actual = Math.round(coords.top + targetHeight) //distance from the bottom of the target element to the bottom of the document
+
+        if(target.parents('#logicalGraphParent').length){
+            targetHeight = Math.round(targetHeight*eagle.globalScale())
+            right = coords.left+$(target).outerWidth() *eagle.globalScale()
+            bottom_actual = Math.round(coords.top + targetHeight)
+        }
 
         //i am appending these once if they dont exist. they are then adjusted for each step. and finally removed when exiting the tutorial
         if ($('.tutorialHighlight').length === 0) {