From a3fb8a564ef391eadc869db975033b6cf0e97643 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Tue, 18 Nov 2025 08:11:20 +0100
Subject: [PATCH] fix: remove pan separator and make effects container full
 width
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Removed border-t border-border from devices section
- Added negative margin (-mx-3) and padding (px-3) to effects container
  to make it extend full width of the track control panel

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

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

diff --git a/components/tracks/Track.tsx b/components/tracks/Track.tsx
index 88f58ad..65f3469 100644
--- a/components/tracks/Track.tsx
+++ b/components/tracks/Track.tsx
@@ -390,7 +390,7 @@ export function Track({
             </div>
 
             {/* Devices/Effects Section */}
-            <div className="pt-2 border-t border-border">
+            <div className="pt-2">
               <div className="flex items-center justify-between mb-2">
                 <span className="text-xs font-medium text-muted-foreground uppercase">
                   Devices ({track.effectChain.effects.length})
@@ -407,7 +407,7 @@ export function Track({
               </div>
 
               {/* Horizontal scrolling device rack */}
-              <div className="overflow-x-auto custom-scrollbar">
+              <div className="overflow-x-auto custom-scrollbar -mx-3 px-3">
                 <div className="flex gap-2 pb-2">
                   {track.effectChain.effects.length === 0 ? (
                     <div className="text-xs text-muted-foreground text-center py-4 w-full">