From 42991092adc24b21157685449a6ae793f9a73fd3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Wed, 19 Nov 2025 18:03:41 +0100
Subject: [PATCH] fix: automation header controls now properly inline without
 overlapping
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Removed absolute positioning from eye icon button
- Made all controls part of normal flex flow
- Eye button now correctly positioned at end without overlap
- Chevron controls no longer overlay the eye icon

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

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

diff --git a/components/tracks/TrackList.tsx b/components/tracks/TrackList.tsx
index 7d64329..bc263dc 100644
--- a/components/tracks/TrackList.tsx
+++ b/components/tracks/TrackList.tsx
@@ -432,7 +432,7 @@ export function TrackList({
                     return (
                     <div className="flex-shrink-0 bg-card/90 backdrop-blur-sm">
                       {/* Automation Header - Single Bar */}
-                      <div className="relative flex items-center gap-2 px-3 py-1.5 bg-muted border-t border-b border-border/30">
+                      <div className="flex items-center gap-2 px-3 py-1.5 bg-muted border-t border-b border-border/30">
                         <span className="text-xs font-medium flex-shrink-0">Automation</span>
 
                         {/* Color indicator */}
@@ -540,7 +540,7 @@ export function TrackList({
                           </>
                         )}
 
-                        {/* Show/hide toggle - Positioned absolutely on the right */}
+                        {/* Show/hide toggle - Part of normal flow */}
                         <Button
                           variant="ghost"
                           size="icon-sm"
@@ -548,7 +548,7 @@ export function TrackList({
                             onUpdateTrack(track.id, { automationExpanded: !track.automationExpanded });
                           }}
                           title={track.automationExpanded ? 'Hide automation controls' : 'Show automation controls'}
-                          className="absolute right-2 h-5 w-5 flex-shrink-0"
+                          className="h-5 w-5 flex-shrink-0"
                         >
                           {track.automationExpanded ? (
                             <Eye className="h-3 w-3" />