From 03b99a40b0f7be0f2da67a16bcf0b47cb35bd998 Mon Sep 17 00:00:00 2001
From: dtoro <d.toro.v@pm.me>
Date: Thu, 9 Apr 2026 20:22:13 +0200
Subject: [PATCH] fix: lock left sidebar row height on hover

Switch tree and heap rows from py-0.5 to a fixed h-[24px] + leading-none
so the hover-only kebab buttons can't stretch the row vertically as the
pointer crosses them.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/heaps/HeapsPanel.tsx   | 2 +-
 frontend/src/components/layout/LeftSidebar.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/heaps/HeapsPanel.tsx b/frontend/src/components/heaps/HeapsPanel.tsx
index 1e35505..dc9cbc5 100644
--- a/frontend/src/components/heaps/HeapsPanel.tsx
+++ b/frontend/src/components/heaps/HeapsPanel.tsx
@@ -264,7 +264,7 @@ export function HeapsPanel() {
               <div
                 key={heap.id}
                 className={clsx(
-                  'group relative flex cursor-pointer items-center gap-1 rounded px-2 py-0.5 text-[12px]',
+                  'group relative flex h-[24px] cursor-pointer items-center gap-1 rounded px-2 text-[12px] leading-none',
                   isFiltered ? 'bg-primary/20 text-primary' : 'text-text hover:bg-surface-2',
                   // Active-heap row gets a soft primary wash so the
                   // user always knows where Pick / T will land, even
diff --git a/frontend/src/components/layout/LeftSidebar.tsx b/frontend/src/components/layout/LeftSidebar.tsx
index 29b7375..3d79927 100644
--- a/frontend/src/components/layout/LeftSidebar.tsx
+++ b/frontend/src/components/layout/LeftSidebar.tsx
@@ -408,7 +408,9 @@ export function LeftSidebar({ onCollapse, onOpenSettings }: LeftSidebarProps) {
             isSectionHeader
               ? 'mt-2 px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.14em] text-text-muted hover:text-text'
               : clsx(
-                  'rounded px-2 py-0.5 text-[12px]',
+                  // Fixed h-[24px] (not min-h) locks the row height so the
+                  // hover-only kebab button can't grow the row vertically.
+                  'h-[24px] rounded px-2 text-[12px] leading-none',
                   isSelected ? 'bg-primary/20 text-primary' : 'text-text hover:bg-surface-2'
                 ),
             isDropHover && (item.id === 'discarded'