diff --git a/src/renderer/styles.css b/src/renderer/styles.css index 292fd1b..fee19e5 100644 --- a/src/renderer/styles.css +++ b/src/renderer/styles.css @@ -623,7 +623,7 @@ body, } .speed-sparkline-canvas { - width: 140px; + width: 150px; height: 22px; display: block; } @@ -634,7 +634,7 @@ body, font-variant-numeric: tabular-nums; color: var(--text); white-space: nowrap; - min-width: 42px; + min-width: 32px; text-align: right; } diff --git a/tests/statistics-view.test.tsx b/tests/statistics-view.test.tsx index 8619b93..8a4e3f6 100644 --- a/tests/statistics-view.test.tsx +++ b/tests/statistics-view.test.tsx @@ -596,8 +596,8 @@ describe("bandwidth chart palette", () => { it("uses the spare zero-speed label space for a longer sparkline", () => { const css = readFileSync(new URL("../src/renderer/styles.css", import.meta.url), "utf8"); - expect(css).toMatch(/\.speed-sparkline-canvas\s*\{[^}]*width:\s*140px;/s); - expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*min-width:\s*42px;/s); + expect(css).toMatch(/\.speed-sparkline-canvas\s*\{[^}]*width:\s*150px;/s); + expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*min-width:\s*32px;/s); }); it("aligns the idle speed line to one physical pixel at every display scale", () => {