From 4f3074b1f470aab344e34efa790cd71f9c038e26 Mon Sep 17 00:00:00 2001
From: jason <stedwwell@gmail.com>
Date: Wed, 11 Mar 2026 15:33:23 -0500
Subject: [PATCH] text update

---
 client/src/components/PedigreeTree.jsx | 33 +++++++++++---------------
 1 file changed, 14 insertions(+), 19 deletions(-)

diff --git a/client/src/components/PedigreeTree.jsx b/client/src/components/PedigreeTree.jsx
index 13817e3..b926704 100644
--- a/client/src/components/PedigreeTree.jsx
+++ b/client/src/components/PedigreeTree.jsx
@@ -95,25 +95,23 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => {
 
         {/* Gender / crown icon */}
         <text
-          fill="#fff"
-          fontSize={isRoot ? 26 : 22}
+          fontSize={isRoot ? 28 : 24}
           textAnchor="middle"
           dy="8"
-          style={{ pointerEvents: 'none', userSelect: 'none' }}
+          style={{ fill: '#ffffff', pointerEvents: 'none', userSelect: 'none' }}
         >
           {isRoot ? '👑' : (isMale ? '♂' : '♀')}
         </text>
 
         {/* Name label */}
         <text
-          fill="var(--text-primary, #ffffff)"
-          fontSize={isRoot ? 18 : 15}
+          fontSize={isRoot ? 22 : 18}
           fontWeight={isRoot ? '700' : '600'}
           fontFamily="Inter, sans-serif"
           textAnchor="middle"
           x="0"
-          y={r + 24}
-          style={{ pointerEvents: 'none', textShadow: '0 2px 4px rgba(0,0,0,0.8)' }}
+          y={r + 32}
+          style={{ fill: isRoot ? '#ffffff' : '#f8fafc', pointerEvents: 'none', textShadow: '0 2px 5px rgba(0,0,0,0.9)' }}
         >
           {nodeDatum.name}
         </text>
@@ -121,13 +119,12 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => {
         {/* Breed label (subtle) */}
         {breed && (
           <text
-            fill="var(--text-muted, #d1d5db)"
-            fontSize="12"
+            fontSize="14"
             fontFamily="Inter, sans-serif"
             textAnchor="middle"
             x="0"
-            y={r + 42}
-            style={{ pointerEvents: 'none', textShadow: '0 1px 3px rgba(0,0,0,0.8)' }}
+            y={r + 52}
+            style={{ fill: '#cbd5e1', pointerEvents: 'none', textShadow: '0 1px 4px rgba(0,0,0,0.9)' }}
           >
             {breed}
           </text>
@@ -136,13 +133,12 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => {
         {/* Registration number */}
         {nodeDatum.attributes?.registration && (
           <text
-            fill="var(--text-muted, #d1d5db)"
-            fontSize="12"
+            fontSize="14"
             fontFamily="Inter, sans-serif"
             textAnchor="middle"
             x="0"
-            y={r + (breed ? 58 : 42)}
-            style={{ pointerEvents: 'none', textShadow: '0 1px 3px rgba(0,0,0,0.8)' }}
+            y={r + (breed ? 70 : 52)}
+            style={{ fill: '#94a3b8', pointerEvents: 'none', textShadow: '0 1px 4px rgba(0,0,0,0.9)' }}
           >
             {nodeDatum.attributes.registration}
           </text>
@@ -151,13 +147,12 @@ const PedigreeTree = ({ dogId, pedigreeData, coi }) => {
         {/* Birth year */}
         {nodeDatum.attributes?.birth_year && (
           <text
-            fill="var(--text-muted, #d1d5db)"
-            fontSize="12"
+            fontSize="14"
             fontFamily="Inter, sans-serif"
             textAnchor="middle"
             x="0"
-            y={r + (breed ? 74 : (nodeDatum.attributes?.registration ? 58 : 42))}
-            style={{ pointerEvents: 'none', textShadow: '0 1px 3px rgba(0,0,0,0.8)' }}
+            y={r + (breed ? 88 : (nodeDatum.attributes?.registration ? 70 : 52))}
+            style={{ fill: '#94a3b8', pointerEvents: 'none', textShadow: '0 1px 4px rgba(0,0,0,0.9)' }}
           >
             ({nodeDatum.attributes.birth_year})
           </text>