From 19619ef817680c59093555c7d220a7ffe585e890 Mon Sep 17 00:00:00 2001
From: John O'Keefe <git@linuxhg.com>
Date: Sun, 11 Oct 2026 17:57:03 -0400
Subject: [PATCH] =?UTF-8?q?fix(web):=20raise=20the=20adjust=20teardrops=20?=
 =?UTF-8?q?=E2=80=94=20tips=20rest=20above=20the=20glyph=20tops?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

User report: the teardrop tip touched the letters. Raised the handle
boxes 8px (tip now rests at the line-box top, ~4px above the glyph
tops) — matches the Android handle spacing the app leg shipped.
---
 web/src/reader/reader.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/web/src/reader/reader.ts b/web/src/reader/reader.ts
index 92fa7b22..1fde708e 100644
--- a/web/src/reader/reader.ts
+++ b/web/src/reader/reader.ts
@@ -1793,9 +1793,11 @@ document.addEventListener("alpine:init", () => {
         }
         const host = map.toHost(pt.fx, pt.fy);
         // The teardrop's rotated tip is its bottom point: hang the box
-        // ABOVE the boundary corner.
+        // ABOVE the boundary corner, tip resting ~4px above the glyph
+        // tops — a clear gap so the tip never covers letters (Android
+        // handle spacing).
         dot.style.left = `${host.x - 13}px`;
-        dot.style.top = `${host.y - 22}px`;
+        dot.style.top = `${host.y - 30}px`;
       }
     },
     /** Line boxes (page fractions) of a contiguous char-table span: