diff --git a/frontend/src/components/downloadRow.dom.test.tsx b/frontend/src/components/downloadRow.dom.test.tsx index f8bbe355..3c8f58de 100644 --- a/frontend/src/components/downloadRow.dom.test.tsx +++ b/frontend/src/components/downloadRow.dom.test.tsx @@ -196,6 +196,15 @@ describe("DownloadRow · narrow", () => { expect(foot.className).toContain(c); }); + it("gives the failure link a real 24px line on a mouse, not the text's 20 (DESIGN B1, S3g)", () => { + render( + {}} />, + ); + const link = screen.getByTitle("downloads.errors.fail.title"); + const cls = link.className.split(/\s+/); + expect(cls).toEqual(expect.arrayContaining(["inline-block", "min-h-6", "leading-6"])); + }); + it("draws nothing for an empty link list (a bare 0 once leaked into the row)", () => { const { container } = render(); const walker = document.createTreeWalker(container, NodeFilter.SHOW_TEXT); diff --git a/frontend/src/components/downloadRow.tsx b/frontend/src/components/downloadRow.tsx index 3fcd4e72..cf80c90a 100644 --- a/frontend/src/components/downloadRow.tsx +++ b/frontend/src/components/downloadRow.tsx @@ -286,7 +286,7 @@ export function DownloadRow({ {" "} onShowError?.(job)} - className="text-danger inline-block leading-5 min-h-5 touch-target pointer-coarse:leading-(--touch-target)" + className="text-danger inline-block leading-6 min-h-6 touch-target pointer-coarse:leading-(--touch-target)" title={t("downloads.errors.fail.title")} > · {t(failCopyKeys(job, "short"))}{" "}