Improve name plate positioning

macrovision.css

@@ -28,7 +28,6 @@ body {
     -khtml-user-drag: none;
     -moz-user-drag: none;
     -o-user-drag: none;
-    transform: translate(-50%, -100%);
     pointer-events: none;
 }
 
@@ -40,12 +39,14 @@ body {
     -khtml-user-drag: none;
     -moz-user-drag: none;
     -o-user-drag: none;
+    transform: translate(-50%, -100%);
 }
 
 .entity-name {
     position: absolute;
-    top: -25%;
-    left: 50%;
+    top: -100%;
+    left: 0%;
+    transform: translate(-50%, -36px);
     font-size: 24px;
     pointer-events: none
 }

macrovision.js

@@ -239,8 +239,8 @@ function clickDown(target, x, y) {
     const rect = target.getBoundingClientRect();
     let entX = document.querySelector("#entities").getBoundingClientRect().x;
     let entY = document.querySelector("#entities").getBoundingClientRect().y;
-    dragOffsetX = x - rect.left + entX - rect.width / 2;
-    dragOffsetY = y - rect.top + entY - rect.height;
+    dragOffsetX = x - rect.left + entX;
+    dragOffsetY = y - rect.top + entY;
     clickTimeout = setTimeout(() => { dragging = true }, 200)
 }