Widen fretboard SVG to fit inversion annotation boxes

fc61a7bd1d52c23083b1a409cd77af3a70b752f4 · Claude · Feb 6, 2026 16:16

Increase marginRight from 150 to 250 to prevent cropping of the
chord inversion annotation boxes on the right side. Boxes are 140px
wide and positioned at fbLeft + 5*stringSpacing + 30.

https://claude.ai/code/session_01VSHtwaMJKL1ZgH33JDcwbY

+1 −1 · 1 file changed

js/fretboard.js +1 −1

diff --git a/js/fretboard.js b/js/fretboard.js
index 55a1525..9001d43 100644
--- a/js/fretboard.js
+++ b/js/fretboard.js
@@ -333,7 +333,7 @@ function generateFretboardSVG(tuningName) {
 
     // SVG dimensions
     const marginLeft = 100;
-    const marginRight = 150;
+    const marginRight = 250;  // Extra space for inversion annotation boxes (140px wide)
     const marginTop = capo > 0 ? 160 : 140;  // Extra space for effective tuning display
     const marginBottom = 80;
     const stringSpacing = 55;