From a937b72ea50bd45017421ce6750cb6958e6ba011 Mon Sep 17 00:00:00 2001
From: Marina Shopina <marinashopina95@gmail.com>
Date: Tue, 16 Dec 2025 15:09:10 +0000
Subject: [PATCH] fix: ui-feedback

---
 src/components/FeedbackGallery.tsx | 4 +++-
 src/components/JobForm.css         | 1 +
 src/components/ResultCard.tsx      | 5 ++++-
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/FeedbackGallery.tsx b/src/components/FeedbackGallery.tsx
index 3799057..ad0cddf 100644
--- a/src/components/FeedbackGallery.tsx
+++ b/src/components/FeedbackGallery.tsx
@@ -57,7 +57,9 @@ export default function Feedback() {
       <Accordion type="single" className="w-full" collapsible>
         {allFeedback.map((item, index) => (
           <AccordionItem value={`feedback-${index}`}>
-            <AccordionTrigger>{item.job_name}</AccordionTrigger>
+            <AccordionTrigger>
+              {item.job_name} | {item.gen_feedback?.matchScore}
+            </AccordionTrigger>
             <AccordionContent>
               <ResultCard
                 jobDescription={item.job_description}
diff --git a/src/components/JobForm.css b/src/components/JobForm.css
index f9b0347..a62e727 100644
--- a/src/components/JobForm.css
+++ b/src/components/JobForm.css
@@ -172,6 +172,7 @@
   display: flex;
   align-items: baseline;
   gap: 0.5rem;
+  justify-content: space-between;
 }
 
 .result-analysis__score-label {
diff --git a/src/components/ResultCard.tsx b/src/components/ResultCard.tsx
index 3ee24e7..5bf15a6 100644
--- a/src/components/ResultCard.tsx
+++ b/src/components/ResultCard.tsx
@@ -32,7 +32,10 @@ export default function ResultCard({
       <div className="result-card">
         <section className="result-analysis" aria-label="AI analysis result">
           <div className="result-analysis__header">
-            <p className="result-section__label">AI insights</p>
+            <div className="result-section__label">AI insights</div>
+            <div className="result-section__label">
+              Match Score {feedback?.matchScore}
+            </div>
           </div>
 
           <div className="result-analysis__grid">