From 2b85640521c53ff67fa9f330f97bfec8b8a79004 Mon Sep 17 00:00:00 2001
From: Test <test@test.com>
Date: Mon, 30 Mar 2026 18:21:32 +0200
Subject: [PATCH] fix: remove vertical padding between collapsed sidebar
 sections

Apply zero vertical padding when sections are collapsed so they sit flush
against each other, matching the density of main nav items. Expanded
sections retain 4px vertical padding for breathing room.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/Sidebar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 0955d954..8a5f784f 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -120,7 +120,7 @@ function SortableSection({ group, sectionProps }: {
   const isRenaming = sectionProps.renamingType === group.type
 
   return (
-    <div ref={setNodeRef} style={{ transform: CSS.Transform.toString(transform), transition, opacity: isDragging ? 0.5 : 1, padding: '4px 6px' }} {...attributes}>
+    <div ref={setNodeRef} style={{ transform: CSS.Transform.toString(transform), transition, opacity: isDragging ? 0.5 : 1, padding: isCollapsed ? '0 6px' : '4px 6px' }} {...attributes}>
       <SectionContent
         group={group} items={items} isCollapsed={isCollapsed}
         selection={sectionProps.selection} onSelect={sectionProps.onSelect}