From 7ce4445865008f4e1b5d46c5171180ab447840b3 Mon Sep 17 00:00:00 2001
From: SJCoetz <s.coetzee6@my.milpark.ac.za>
Date: Fri, 10 Jul 2026 23:46:59 +0200
Subject: [PATCH] feat(collection-pool): replace notes title with hover tooltip

---
 src/app/(app)/collection-pool/page.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/app/(app)/collection-pool/page.tsx b/src/app/(app)/collection-pool/page.tsx
index 3078569..b1828b1 100644
--- a/src/app/(app)/collection-pool/page.tsx
+++ b/src/app/(app)/collection-pool/page.tsx
@@ -633,11 +633,14 @@ function PoolRow({
             {readyLabel}
           </span>
           {row.notes && row.notes.trim().length > 0 && (
-            <span
-              className="inline-flex items-center rounded-md border bg-muted/30 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground"
-              title={row.notes.length > 120 ? `${row.notes.slice(0, 120)}…` : row.notes}
-            >
+            <span className="group/notes relative inline-flex items-center rounded-md border bg-muted/30 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground">
               Notes
+              <span
+                role="tooltip"
+                className="pointer-events-none absolute left-0 top-full z-20 mt-1 hidden w-72 rounded-md border bg-popover px-3 py-2 text-xs font-normal normal-case tracking-normal text-popover-foreground shadow-md group-hover/notes:block group-focus-within/notes:block"
+              >
+                {row.notes.length > 280 ? `${row.notes.slice(0, 280)}…` : row.notes}
+              </span>
             </span>
           )}
         </div>