diff --git a/frontend/src/pages/admin/contracts/BlockLibraryPage.tsx b/frontend/src/pages/admin/contracts/BlockLibraryPage.tsx index ede1a4c2..a684cb74 100644 --- a/frontend/src/pages/admin/contracts/BlockLibraryPage.tsx +++ b/frontend/src/pages/admin/contracts/BlockLibraryPage.tsx @@ -309,7 +309,17 @@ export const BlockLibraryPage: React.FC = () => { } ${!b.isActive ? 'opacity-50' : ''}`} >
-

+ {/* `title` is the only way to read a long block + name here — the column is narrow enough that + CSS truncation can cut names to a few + characters ("Vertr…"), which made the list + unscannable without clicking each block (QA + S13). `min-w-0` lets the name shrink instead + of pushing the badges out of the row. */} +

{b.name}

@@ -327,7 +337,10 @@ export const BlockLibraryPage: React.FC = () => {
{b.description && ( -

+

{b.description}

)}