From bfee60399c98956619ad4717c85251c67871ef3e Mon Sep 17 00:00:00 2001
From: michael <michael@modernfreedom.com>
Date: Tue, 27 Jan 2026 15:07:25 -0600
Subject: [PATCH] Try fixed height with matching line-height for vertical
 centering

Use height: 24px with line-height: 24px and no vertical padding.
This forces text to center vertically within the fixed height container.
Added box-sizing: border-box and vertical-align: middle for reliability.

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 61d719c..9b881d9 100755
--- a/frontend/components/PDFReport.tsx
+++ b/frontend/components/PDFReport.tsx
@@ -75,7 +75,7 @@ const RagStatusBadge: React.FC<{ status: RagStatus }> = ({ status }) => {
     }
 
     return (
-        <span style={{ backgroundColor: bgColor, color: textColor, padding: '3px 12px 5px 12px', borderRadius: '9999px', fontSize: '12px', fontWeight: 'bold', display: 'inline-block', minWidth: '50px', textAlign: 'center' }}>
+        <span style={{ backgroundColor: bgColor, color: textColor, borderRadius: '9999px', fontSize: '12px', fontWeight: 'bold', display: 'inline-block', minWidth: '50px', textAlign: 'center', height: '24px', lineHeight: '24px', verticalAlign: 'middle', paddingLeft: '12px', paddingRight: '12px', paddingTop: '0', paddingBottom: '0', boxSizing: 'border-box' }}>
             {status}
         </span>
     );