From e740e153061cae0793df82f318e69635955d8d65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= <nemile.re@gmail.com>
Date: Wed, 17 Dec 2025 11:17:49 +0100
Subject: [PATCH] Display framework name below badge on trust center
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Émile Ré <nemile.re@gmail.com>
---
 apps/trust/src/components/AuditRow.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/apps/trust/src/components/AuditRow.tsx b/apps/trust/src/components/AuditRow.tsx
index 6a9a67579..d2e42dcfe 100644
--- a/apps/trust/src/components/AuditRow.tsx
+++ b/apps/trust/src/components/AuditRow.tsx
@@ -116,12 +116,17 @@ export function AuditRowAvatar(props: { audit: AuditRowFragment$key }) {
           className="block cursor-pointer aspect-square"
           title={`Logo ${audit.framework.name}`}
         >
-          <FrameworkLogo
-            className="size-19"
-            lightLogoURL={audit.framework.lightLogoURL}
-            darkLogoURL={audit.framework.darkLogoURL}
-            name={audit.framework.name}
-          />
+          <div className="flex flex-col gap-2 items-center w-19">
+            <FrameworkLogo
+              className="size-19"
+              lightLogoURL={audit.framework.lightLogoURL}
+              darkLogoURL={audit.framework.darkLogoURL}
+              name={audit.framework.name}
+            />
+            <div className="txt-primary text-xs font-semibold max-w-19 overflow-hidden min-w-0 whitespace-nowrap text-ellipsis">
+              {audit.framework.name}
+            </div>
+          </div>
         </button>
       </AuditDialog>
     </>