From b52162b111a249b0b8d8daf966ca9e22b3b2a9fa Mon Sep 17 00:00:00 2001
From: michael <michael@modernfreedom.com>
Date: Sat, 24 Jan 2026 09:52:11 -0600
Subject: [PATCH] Fix vertical text alignment in RAG status badges for PDF
 export

Add lineHeight: 1 to RagStatusBadge component styling to ensure text
is tightly contained within its bounding box, allowing flexbox centering
to work correctly in PDF rendering engines.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/components/PDFReport.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/components/PDFReport.tsx b/frontend/components/PDFReport.tsx
index 041cf17..64efad3 100755
--- a/frontend/components/PDFReport.tsx
+++ b/frontend/components/PDFReport.tsx
@@ -23,7 +23,7 @@ const RagStatusBadge: React.FC<{ status: RagStatus }> = ({ status }) => {
     }
 
     return (
-        <span style={{ backgroundColor: bgColor, color: textColor, padding: '4px 12px', borderRadius: '9999px', fontSize: '12px', fontWeight: 'bold', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', minWidth: '50px', textAlign: 'center' }}>
+        <span style={{ backgroundColor: bgColor, color: textColor, padding: '4px 12px', borderRadius: '9999px', fontSize: '12px', fontWeight: 'bold', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', minWidth: '50px', textAlign: 'center', lineHeight: 1 }}>
             {status}
         </span>
     );