From bf553e8fc24c3fac47a78f1ae0b3c1240d3c9477 Mon Sep 17 00:00:00 2001
From: breakgimme <adam@plock.com>
Date: Mon, 16 Mar 2026 20:08:29 +0100
Subject: [PATCH] Fix coords display in pixel overview after UI update

---
 src/apiManager.js | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/apiManager.js b/src/apiManager.js
index d93deee..dc65eec 100644
--- a/src/apiManager.js
+++ b/src/apiManager.js
@@ -5,7 +5,7 @@
  */
 
 import TemplateManager from "./templateManager.js";
-import { consoleError, escapeHTML, localizeNumber, numberToEncoded, serverTPtoDisplayTP } from "./utils.js";
+import { consoleError, escapeHTML, localizeNumber, numberToEncoded } from "./utils.js";
 
 export default class ApiManager {
 
@@ -106,13 +106,12 @@ export default class ApiManager {
           }
           
           this.coordsTilePixel = [...coordsTile, ...coordsPixel]; // Combines the two arrays such that [x, y, x, y]
-          const displayTP = serverTPtoDisplayTP(coordsTile, coordsPixel);
           
-          const spanElements = document.querySelectorAll('span'); // Retrieves all span elements
+          const buttonElements = document.querySelectorAll('button'); // Retrieves all button elements
 
-          // For every span element, find the one we want (pixel numbers when canvas clicked)
-          for (const element of spanElements) {
-            if (element.textContent.trim().includes(`${displayTP[0]}, ${displayTP[1]}`)) {
+          // For every button element, find the one we want (paint button)
+          for (const element of buttonElements) {
+            if (element.textContent.trim().includes('Paint')) {
 
               let displayCoords = document.querySelector('#bm-display-coords'); // Find the additional pixel coords span
 
@@ -124,7 +123,7 @@ export default class ApiManager {
                 displayCoords.id = 'bm-display-coords';
                 displayCoords.textContent = text;
                 displayCoords.style = 'margin-left: calc(var(--spacing)*3); font-size: small;';
-                element.parentNode.parentNode.insertAdjacentElement('afterend', displayCoords);
+                element.parentNode.insertAdjacentElement('beforebegin', displayCoords);
               } else {
                 displayCoords.textContent = text;
               }