From 90e66e8bef10bffb543a92cf1f4dcfc1af7c1718 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Wed, 19 Nov 2025 11:16:23 +0100
Subject: [PATCH] fix: restore border between track controls and waveforms
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added back the right border on the track controls column to visually
separate the controls from the waveform area.

🤖 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 e844efd..93d4ce2 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 pb-3">
+        <div ref={controlsScrollRef} className="w-48 flex-shrink-0 overflow-hidden pb-3 border-r border-border">
           {tracks.map((track) => (
             <Track
               key={track.id}