From efd9e9bd31aeaba7842953fbec1a40fff1fa776c Mon Sep 17 00:00:00 2001
From: Sterling Archer <SterlingArcher2026@icloud.com>
Date: Sun, 14 Jun 2026 22:57:39 -0700
Subject: [PATCH] Move fret labels above strings to prevent overlap with bottom
 string dots

---
 index.html | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index e1c871d..e857cd7 100644
--- a/index.html
+++ b/index.html
@@ -438,10 +438,10 @@ function SongPlayer({ parts, detected, listening, onStartMic }) {
                   {p.fret}
                 </text>
               )}
-              {/* Fret label below dot */}
-              <text x={cx} y={BOT+16} textAnchor="middle" fontSize={9}
-                fill={isCur?C.amber:C.fret} fontFamily="monospace">
-                {isOpen?"0":p.fret}
+              {/* Fret label above strings area */}
+              <text x={cx} y={TOP-6} textAnchor="middle" fontSize={9}
+                fill={isCur?C.amber:C.muted} fontFamily="monospace">
+                {isOpen?"open":("fr"+p.fret)}
               </text>
               {isCur && (
                 <text x={cx} y={TOP-16} textAnchor="middle" fontSize={20}>🎸</text>