From e0b878daad26e91fb801baf8a20827e2c12cf13d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Wed, 19 Nov 2025 11:13:55 +0100
Subject: [PATCH] fix: add bottom padding to track controls to compensate for
 scrollbar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added pb-3 (padding-bottom) to the track controls column to account
for the horizontal scrollbar height in the waveforms column, ensuring
track controls stay perfectly aligned with their waveforms.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/tracks/TrackList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/tracks/TrackList.tsx b/components/tracks/TrackList.tsx
index 91eedac..e844efd 100644
--- a/components/tracks/TrackList.tsx
+++ b/components/tracks/TrackList.tsx
@@ -100,7 +100,7 @@ export function TrackList({
       {/* Track List - Two Column Layout */}
       <div className="flex-1 flex overflow-hidden">
         {/* Left Column: Track Controls (Fixed Width, No Scroll - synced with waveforms) */}
-        <div ref={controlsScrollRef} className="w-48 flex-shrink-0 overflow-hidden">
+        <div ref={controlsScrollRef} className="w-48 flex-shrink-0 overflow-hidden pb-3">
           {tracks.map((track) => (
             <Track
               key={track.id}