From e4b3433cf3105256d98efc5e305a2e45865ce23e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Wed, 19 Nov 2025 01:43:45 +0100
Subject: [PATCH] fix: increase analyzer size to 192px width with proportional
 height
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Increased analyzer dimensions from 160px to 192px width
and from 300px to 360px minimum height for better visibility.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/editor/AudioEditor.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/editor/AudioEditor.tsx b/components/editor/AudioEditor.tsx
index 15efa6d..e988a02 100644
--- a/components/editor/AudioEditor.tsx
+++ b/components/editor/AudioEditor.tsx
@@ -1067,7 +1067,7 @@ export function AudioEditor() {
           </div>
 
           {/* Analyzer Toggle */}
-          <div className="flex gap-1 bg-muted/20 border border-border/50 rounded-md p-1 max-w-[160px] mx-auto">
+          <div className="flex gap-1 bg-muted/20 border border-border/50 rounded-md p-1 max-w-[192px] mx-auto">
             <button
               onClick={() => setAnalyzerView('frequency')}
               className={`flex-1 px-2 py-1 rounded text-[10px] font-bold uppercase tracking-wider transition-all ${
@@ -1091,8 +1091,8 @@ export function AudioEditor() {
           </div>
 
           {/* Analyzer Display */}
-          <div className="flex-1 min-h-[300px] flex items-start justify-center">
-            <div className="w-[160px]">
+          <div className="flex-1 min-h-[360px] flex items-start justify-center">
+            <div className="w-[192px]">
               {analyzerView === 'frequency' ? (
                 <FrequencyAnalyzer analyserNode={masterAnalyser} />
               ) : (