From 9ceea828ec7eaa5f3d4a8d01228f6215bfafa96c Mon Sep 17 00:00:00 2001 From: Sucukdeluxe Date: Fri, 21 Aug 2026 00:29:52 +0200 Subject: [PATCH] fix(downloads): refine availability spacing --- src/renderer/views/downloads/downloads.css | 4 ++-- tests/downloads-view.test.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/renderer/views/downloads/downloads.css b/src/renderer/views/downloads/downloads.css index c95eb63..4c70296 100644 --- a/src/renderer/views/downloads/downloads.css +++ b/src/renderer/views/downloads/downloads.css @@ -703,7 +703,7 @@ .downloads-availability.has-counts { display: grid; - grid-template-columns: 16px 4ch 1ch max-content auto; + grid-template-columns: 16px 4ch 1ch 3ch auto; font-variant-numeric: tabular-nums; } @@ -727,7 +727,7 @@ } .downloads-availability-label { - padding-left: 2px; + padding-left: 3px; text-align: left; } diff --git a/tests/downloads-view.test.tsx b/tests/downloads-view.test.tsx index d685bc4..9e4fd8c 100644 --- a/tests/downloads-view.test.tsx +++ b/tests/downloads-view.test.tsx @@ -1368,10 +1368,10 @@ describe("download table row contracts", () => { it("aligns availability symbols, split counts and labels on fixed axes", () => { const css = fs.readFileSync(path.join(process.cwd(), "src/renderer/views/downloads/downloads.css"), "utf8"); - expect(css).toMatch(/\.downloads-availability\.has-counts\s*\{[^}]*display:\s*grid;[^}]*grid-template-columns:\s*16px 4ch 1ch max-content auto;[^}]*font-variant-numeric:\s*tabular-nums;/s); + expect(css).toMatch(/\.downloads-availability\.has-counts\s*\{[^}]*display:\s*grid;[^}]*grid-template-columns:\s*16px 4ch 1ch 3ch auto;[^}]*font-variant-numeric:\s*tabular-nums;/s); expect(css).toMatch(/\.downloads-availability-count\.is-online-count\s*\{[^}]*text-align:\s*right;/s); expect(css).toMatch(/\.downloads-availability-count\.is-total-count\s*\{[^}]*text-align:\s*left;/s); - expect(css).toMatch(/\.downloads-availability-label\s*\{[^}]*padding-left:\s*2px;/s); + expect(css).toMatch(/\.downloads-availability-label\s*\{[^}]*padding-left:\s*3px;/s); expect(css).toMatch(/\.downloads-availability\.is-online\s*\{[^}]*color:\s*var\(--ui-success-text\);/s); expect(css).toMatch(/\.downloads-availability\.is-partial\s*\{[^}]*color:\s*var\(--ui-warning-text\);/s); expect(css).toMatch(/\.downloads-availability\.is-offline\s*\{[^}]*color:\s*var\(--ui-danger-text\);/s);