Fix positioning of bottom name tags

macrovision.css

@@ -171,5 +171,5 @@ body #test-canvas {
     position: fixed;
     width: 75px;
     height: 50px;
-    transform: translate(125%, 0%);
+    transform: translate(-50%, 0%);
 }

macrovision.js

@@ -75,7 +75,8 @@ function updateEntityElement(entity, element) {
 
     const bottomName = document.querySelector("#bottom-name-" + element.dataset.key);
 
-    bottomName.style.left = position.x + "px";
+    let entX = document.querySelector("#entities").getBoundingClientRect().x;
+    bottomName.style.left = position.x + entX + "px";
     bottomName.style.top = "95vh";
     bottomName.innerText = entity.name;
 }