From dfd8682500a698579e4bebab5686cdf1ba52a570 Mon Sep 17 00:00:00 2001
From: Jens Mohrmann <mail@jensmohrmann.de>
Date: Sun, 20 Sep 2026 00:56:15 +0200
Subject: [PATCH] Assist: drop flickering hint paragraph; center tuner in its
 frame
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The 'Play a note' paragraph toggled with every detection gap and shifted
the layout — removed (incl. unused .assist-hint rule). TuningMeter is a
fixed-width 260px block; the tuner tool's body row now centers it.
---
 src/App.css                   | 7 -------
 src/components/AssistMode.tsx | 7 -------
 src/components/Controls.tsx   | 2 +-
 3 files changed, 1 insertion(+), 15 deletions(-)

diff --git a/src/App.css b/src/App.css
index 1e8af14..51db4b5 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1190,13 +1190,6 @@ button {
   overflow-x: auto;
 }
 
-.assist-hint {
-  font-size: 12px;
-  color: var(--color-text-muted);
-  margin: 0;
-  text-align: center;
-}
-
 /* ---- Transport step group (preview stepping) ---------------------------- */
 .transport-step-group {
   display: flex;
diff --git a/src/components/AssistMode.tsx b/src/components/AssistMode.tsx
index b8d82a8..8878601 100644
--- a/src/components/AssistMode.tsx
+++ b/src/components/AssistMode.tsx
@@ -97,13 +97,6 @@ export const AssistMode: React.FC<AssistModeProps> = ({ pitchData, windowWidth }
                     />
                 </div>
             )}
-
-            {!pitchData && (
-                <p className="assist-hint">
-                    Play a note — it shows here. Mic is{' '}
-                    {settings.showTuningMeter ? 'on' : 'controlled by the mic button below'}.
-                </p>
-            )}
         </div>
     );
 };
diff --git a/src/components/Controls.tsx b/src/components/Controls.tsx
index 0eab364..b969864 100644
--- a/src/components/Controls.tsx
+++ b/src/components/Controls.tsx
@@ -86,7 +86,7 @@ export const Controls: React.FC<ControlsProps> = ({ currentPitch }) => {
                         </button>
                     </div>
                     {settings.showTuningMeter && (
-                        <div style={{ paddingTop: '8px', borderTop: '1px solid color-mix(in srgb, var(--color-text-main) 10%, transparent)' }}>
+                        <div style={{ paddingTop: '8px', borderTop: '1px solid color-mix(in srgb, var(--color-text-main) 10%, transparent)', display: 'flex', justifyContent: 'center' }}>
                             <TuningMeter
                                 cents={currentPitch ? currentPitch.cents : null}
                                 noteName={currentPitch ? currentPitch.note : null}