Correct padding direction - more top padding to push text down

Text was sitting too high, so need 5px top / 4px bottom to push
the text downward for visual centering.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
michael 2026-01-27 15:03:31 -06:00
parent 8dc3ef34b0
commit e68aab0d03

View file

@ -75,7 +75,7 @@ const RagStatusBadge: React.FC<{ status: RagStatus }> = ({ status }) => {
}
return (
<span style={{ backgroundColor: bgColor, color: textColor, padding: '4px 12px 5px 12px', borderRadius: '9999px', fontSize: '12px', fontWeight: 'bold', display: 'inline-block', minWidth: '50px', textAlign: 'center' }}>
<span style={{ backgroundColor: bgColor, color: textColor, padding: '5px 12px 4px 12px', borderRadius: '9999px', fontSize: '12px', fontWeight: 'bold', display: 'inline-block', minWidth: '50px', textAlign: 'center' }}>
{status}
</span>
);