From 557cb537a9c9308974c47e19e5eba604e407fd06 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Mon, 27 Apr 2026 14:46:57 +0200
Subject: [PATCH] fix: render check ying and check anna hover tooltips
 downwards to prevent header clipping

---
 src/components/PricingView.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/PricingView.tsx b/src/components/PricingView.tsx
index 28c6c15..04a8db1 100644
--- a/src/components/PricingView.tsx
+++ b/src/components/PricingView.tsx
@@ -1710,7 +1710,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
                   <tr
                     key={dataIndex}
                     className={cn(
-                      'border-b border-slate-700/50 transition-colors',
+                      'border-b border-slate-700/50 transition-colors group relative hover:z-50',
                       isValidated 
                         ? 'bg-green-400/30 border-l-4 border-l-green-400' // Vibrant high-visibility green
                         : saveStatus === 'error'
@@ -1941,7 +1941,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
                             <MessageSquare className={cn("w-3.5 h-3.5", note && "fill-amber-400/20")} />
                           </button>
                           {note && (
-                            <div className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 w-48 p-2 bg-amber-900/90 border border-amber-500/50 rounded text-xs text-white shadow-lg z-50 opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none">
+                            <div className="absolute top-full left-1/2 -translate-x-1/2 mt-2 w-48 p-2 bg-amber-900/90 border border-amber-500/50 rounded text-xs text-white shadow-lg z-[1000] opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none">
                               {note}
                             </div>
                           )}
@@ -1975,7 +1975,7 @@ export function PricingView({ data, headers, onSaveRow, onCaptureState, onEdit,
                                 <MessageSquare className={cn("w-3.5 h-3.5", annaNote && "fill-pink-400/20")} />
                               </button>
                               {annaNote && (
-                                <div className="absolute bottom-full left-1/2 -translate-x-1/2 mb-2 w-48 p-2 bg-pink-900/90 border border-pink-500/50 rounded text-xs text-white shadow-lg z-50 opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none">
+                                <div className="absolute top-full left-1/2 -translate-x-1/2 mt-2 w-48 p-2 bg-pink-900/90 border border-pink-500/50 rounded text-xs text-white shadow-lg z-[1000] opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none">
                                   {annaNote}
                                 </div>
                               )}