From a4010d898446c0f3b21e31c5612d4805e29e9f4c Mon Sep 17 00:00:00 2001
From: Sucukdeluxe <Sucukdeluxe@users.noreply.github.com>
Date: Wed, 26 Aug 2026 15:10:48 +0200
Subject: [PATCH] Lengthen the header speed graph

Extend the sparkline to 140 pixels and reclaim the same width from the zero-speed label area so the header control keeps its existing overall footprint.
---
 src/renderer/styles.css        | 4 ++--
 tests/statistics-view.test.tsx | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/renderer/styles.css b/src/renderer/styles.css
index 7a81d38..292fd1b 100644
--- a/src/renderer/styles.css
+++ b/src/renderer/styles.css
@@ -623,7 +623,7 @@ body,
 }
 
 .speed-sparkline-canvas {
-  width: 128px;
+  width: 140px;
   height: 22px;
   display: block;
 }
@@ -634,7 +634,7 @@ body,
   font-variant-numeric: tabular-nums;
   color: var(--text);
   white-space: nowrap;
-  min-width: 54px;
+  min-width: 42px;
   text-align: right;
 }
 
diff --git a/tests/statistics-view.test.tsx b/tests/statistics-view.test.tsx
index f908070..8619b93 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*128px;/s);
-    expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*min-width:\s*54px;/s);
+    expect(css).toMatch(/\.speed-sparkline-canvas\s*\{[^}]*width:\s*140px;/s);
+    expect(css).toMatch(/\.speed-sparkline-value\s*\{[^}]*min-width:\s*42px;/s);
   });
 
   it("aligns the idle speed line to one physical pixel at every display scale", () => {