From 7b428159123e100290f80d6dbf449d6cd82a8a58 Mon Sep 17 00:00:00 2001
From: nicktytarenko <nicktytarenko@gmail.com>
Date: Sun, 29 Mar 2026 21:01:31 +0300
Subject: [PATCH] Refactor ExpertResultCard and OutreachDetailPageContent for
 improved layout and functionality

- Updated ExpertResultCard to enhance text wrapping and added title attribute for better accessibility.
- Modified OutreachDetailPageContent to simplify the condition for displaying notes when the email is closed, improving clarity.
---
 .../[searchId]/components/ExpertResultCard.tsx        | 11 ++++++++---
 .../outreach/[emailId]/OutreachDetailPageContent.tsx  |  2 +-
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/expert-finder/library/[searchId]/components/ExpertResultCard.tsx b/app/expert-finder/library/[searchId]/components/ExpertResultCard.tsx
index e1d10828a..837b6a15b 100644
--- a/app/expert-finder/library/[searchId]/components/ExpertResultCard.tsx
+++ b/app/expert-finder/library/[searchId]/components/ExpertResultCard.tsx
@@ -56,9 +56,14 @@ export function ExpertResultCard({
       )}
     >
       <div className="flex items-start justify-between gap-2 mb-2">
-        <header className="min-w-0 flex-1">
-          <div className="flex flex-wrap items-center gap-x-2 gap-y-1">
-            <h3 className="text-base font-semibold text-gray-900 shrink-0">{name || '—'}</h3>
+        <header className="min-w-0 flex-1 pr-1">
+          <div className="flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1">
+            <h3
+              className="min-w-0 max-w-full break-words text-base font-semibold text-gray-900"
+              title={name || undefined}
+            >
+              {name || '—'}
+            </h3>
             {sources.length > 0
               ? sources.map((src, i) => (
                   <a
diff --git a/app/expert-finder/library/[searchId]/outreach/[emailId]/OutreachDetailPageContent.tsx b/app/expert-finder/library/[searchId]/outreach/[emailId]/OutreachDetailPageContent.tsx
index 0c74a2398..c493fe79a 100644
--- a/app/expert-finder/library/[searchId]/outreach/[emailId]/OutreachDetailPageContent.tsx
+++ b/app/expert-finder/library/[searchId]/outreach/[emailId]/OutreachDetailPageContent.tsx
@@ -454,7 +454,7 @@ export function OutreachDetailPageContent({
           )}
         </div>
 
-        {(isClosed || email.status === 'sent') && email.notes?.trim() ? (
+        {isClosed && email.notes?.trim() ? (
           <div className="rounded-lg border border-gray-200 bg-gray-50 px-4 py-3">
             <p className="text-xs font-semibold text-gray-600 uppercase tracking-wide">Notes</p>
             <p className="text-sm text-gray-800 mt-1 whitespace-pre-wrap">{email.notes}</p>