Fix(Web): Align touchpad cursor overlay to SVG arrow tip

2026-05-17 19:12:55 +02:00
parent dc48091d5b
commit 4e0627e6a3
1 changed files with 3 additions and 0 deletions
--- a/server/web/index.html
+++ b/server/web/index.html
@@ -962,6 +962,9 @@
            background-size: contain;
            filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.6));
            transform-origin: 0 0;
+            /* SVG arrow tip is at (4,4) inside the 24x24 viewBox; shift overlay so the tip,
+               not the div's top-left, lands on the reported cursor position. */
+            transform: translate(-4px, -4px);
        }
        .cursor-overlay.active { display: block; }
        /* Input shortcut bar - below canvas, portrait mode only */