From a625858c015decbe196ac449c8a3c50583619dac Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Mon, 9 Mar 2020 13:25:56 -0400
Subject: [PATCH] Fix name plates being too high up

---
 macrovision.css | 3 ++-
 macrovision.js  | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/macrovision.css b/macrovision.css
index a6d5d62b..d517aec7 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -47,13 +47,14 @@ body {
 .entity-name {
     display: none;
     position: absolute;
-    top: -100%;
+    top: calc(-100% + var(--extra));
     left: 0%;
     transform: translate(-50%, -36px);
     font-size: 24px;
     pointer-events: none;
     max-width: 250px;
     width: 250px;
+    transition: all 0s;
 }
 
 body.toggle-entity-name .entity-name {
diff --git a/macrovision.js b/macrovision.js
index 3e7d342a..ccc51316 100644
--- a/macrovision.js
+++ b/macrovision.js
@@ -112,6 +112,7 @@ function updateEntityElement(entity, element, zIndex) {
     const pixels = math.divide(entity.views[view].height, config.height) * (canvasHeight - 50);
     const bonus = (entity.views[view].image.extra ? entity.views[view].image.extra : 1);
     element.style.setProperty("--height", pixels * bonus + "px");
+    element.style.setProperty("--extra", pixels * bonus - pixels + "px");
 
     if (entity.views[view].rename)
         element.querySelector(".entity-name").innerText = entity.name == "" ? "" : entity.views[view].name;