From 170b18ffba5b05b5e47e9522b220782f0dd6b948 Mon Sep 17 00:00:00 2001
From: eti <eti@eti.tf>
Date: Thu, 11 Jun 2026 20:15:02 +0200
Subject: [PATCH] ogre/components/shared: scale card header font for long
 handles

Signed-off-by: eti <eti@eti.tf>
---
 ogre/src/components/shared/card-header.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/ogre/src/components/shared/card-header.tsx b/ogre/src/components/shared/card-header.tsx
index f85ab846..6d152df5 100644
--- a/ogre/src/components/shared/card-header.tsx
+++ b/ogre/src/components/shared/card-header.tsx
@@ -13,10 +13,18 @@ export function CardHeader({
   ownerHandle,
   repoName,
 }: CardHeaderProps) {
+  const text = `${ownerHandle} / ${repoName}`;
+  const BASE_SIZE = TYPOGRAPHY.cardHeader.fontSize;
+  const MAX_CHARS = 28;
+  const fontSize =
+    text.length > MAX_CHARS
+      ? Math.max(28, Math.floor((BASE_SIZE * MAX_CHARS) / text.length))
+      : BASE_SIZE;
+
   return (
     <Row style={{ gap: 16 }}>
       <Avatar src={avatarUrl} size={64} />
-      <span style={{ ...TYPOGRAPHY.cardHeader, color: "#000000" }}>
+      <span style={{ ...TYPOGRAPHY.cardHeader, fontSize, color: "#000000" }}>
         {ownerHandle} / {repoName}
       </span>
     </Row>
-- 
2.51.2