From d4415c516e1a0f06c7478d34d3e9b65c60c1a016 Mon Sep 17 00:00:00 2001
From: Jens Mohrmann <mail@jensmohrmann.de>
Date: Sat, 27 Dec 2025 22:36:01 +0100
Subject: [PATCH] piano details

---
 src/components/PianoKeys.tsx     | 18 ++----------------
 src/components/SettingsModal.tsx |  2 +-
 2 files changed, 3 insertions(+), 17 deletions(-)

diff --git a/src/components/PianoKeys.tsx b/src/components/PianoKeys.tsx
index cbf26f5..34a9591 100644
--- a/src/components/PianoKeys.tsx
+++ b/src/components/PianoKeys.tsx
@@ -201,7 +201,7 @@ export function PianoKeys({
 
                             // Styling
                             let fill = k.isBlack ? '#222' : '#fff';
-                            if (interactive && isMarked) {
+                            if (isMarked) {
                                 fill = k.isBlack ? '#d32f2f' : '#ffcdd2'; // Red-ish for marked
                             }
 
@@ -223,21 +223,7 @@ export function PianoKeys({
                                         ry={k.isBlack ? 0 : 2}
                                     />
 
-                                    {isMarked && (
-                                        <circle
-                                            cx={k.x + (k.width / 2)}
-                                            cy={k.isBlack ? rectHeight - 10 : 80}
-                                            r={viewMode === 'full' ? 1.5 : 4} // This might still distort in circle shape if aspect ratio is wild?
-                                            // Circles in distorted SVG become ellipses.
-                                            // To verify: if viewMode is full, and we resize window...
-                                            // If we really want NO distortion, we should use non-scaling coordinate system.
-                                            // But let's try just fixing strokes first. Circles might be acceptable as ellipses or we fix them too.
-                                            // Actually, if we want perfect circles, we should not distort the SVG.
-                                            // But for now, user complained about "lines and labels".
-                                            fill="red"
-                                            vectorEffect="non-scaling-stroke"
-                                        />
-                                    )}
+
                                 </g>
                             );
                         })}
diff --git a/src/components/SettingsModal.tsx b/src/components/SettingsModal.tsx
index 8d8e235..e4a9d05 100644
--- a/src/components/SettingsModal.tsx
+++ b/src/components/SettingsModal.tsx
@@ -42,7 +42,7 @@ export const SettingsModal: React.FC<SettingsModalProps> = ({ isOpen, onClose, s
                 <div className="control-group" style={{ marginBottom: '24px' }}>
                     <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '8px' }}>
                         <label className="control-label" style={{ marginBottom: 0, fontSize: '16px' }}>
-                            <span>Virtual Guitar Sound</span>
+                            <span>Virtual Instrument Sound</span>
                         </label>
                         <button
                             className={`switch-button ${!settings.virtualGuitarMute ? 'active' : ''}`}