From f0337101cf416b73d67cff1b66de52f89091a249 Mon Sep 17 00:00:00 2001
From: Matt <matt@letsbe.solutions>
Date: Fri, 31 Oct 2025 18:10:41 +0100
Subject: [PATCH] Show project name and percentage on same line in pie chart
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Combine project name and percentage into single label line
- Format: "Project Name (25.0%)"
- Reduces vertical space and improves readability
- Cleaner, more compact label design

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/RechartsPortfolioPieChart.tsx | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/src/components/RechartsPortfolioPieChart.tsx b/src/components/RechartsPortfolioPieChart.tsx
index 6a114e2..c26404a 100644
--- a/src/components/RechartsPortfolioPieChart.tsx
+++ b/src/components/RechartsPortfolioPieChart.tsx
@@ -82,24 +82,15 @@ export function RechartsPortfolioPieChart({
           className="print:stroke-gray-400"
         />
 
-        {/* Two-line label text - project name and percentage only */}
+        {/* Single-line label text - project name with percentage */}
         <text
           x={lineEndX}
-          y={y - 6}
+          y={y}
           textAnchor={textAnchor}
           className="fill-slate-700 print:text-[7px]"
           style={{ fontSize: '10px', fontWeight: 600 }}
         >
-          {name}
-        </text>
-        <text
-          x={lineEndX}
-          y={y + 8}
-          textAnchor={textAnchor}
-          className="fill-slate-800 print:text-[6px]"
-          style={{ fontSize: '9px', fontWeight: 700 }}
-        >
-          {percentage.toFixed(1)}%
+          {name} ({percentage.toFixed(1)}%)
         </text>
       </g>
     );