From cd3a09c6a78579a177d71941220e8d4072f5a57c Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Wed, 4 Mar 2026 22:19:28 +0000
Subject: [PATCH] tui: clearer graph labels and responsive layout for usage
 visualization

Improve readability of the usage graph y-axis label by spelling out
'Requests per 5 hour' instead of the abbreviated 'Requests/5h'. Fix
layout on smaller screens by removing negative margin that was
causing the graph to overflow its container.
---
 packages/console/app/src/i18n/en.ts          | 2 +-
 packages/console/app/src/routes/go/index.css | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/console/app/src/i18n/en.ts b/packages/console/app/src/i18n/en.ts
index 5227b3f54..82ec78bda 100644
--- a/packages/console/app/src/i18n/en.ts
+++ b/packages/console/app/src/i18n/en.ts
@@ -260,7 +260,7 @@ export const dict = {
   "go.graph.free": "Free",
   "go.graph.freePill": "Big Pickle and promotional",
   "go.graph.go": "Go",
-  "go.graph.label": "Requests/5h",
+  "go.graph.label": "Requests per 5 hour",
   "go.graph.usageLimits": "Usage limits",
   "go.graph.tick": "{{n}}x",
   "go.graph.aria": "Requests per 5h: {{free}} vs {{go}}",
diff --git a/packages/console/app/src/routes/go/index.css b/packages/console/app/src/routes/go/index.css
index 0ff04a225..f70bf981f 100644
--- a/packages/console/app/src/routes/go/index.css
+++ b/packages/console/app/src/routes/go/index.css
@@ -453,6 +453,10 @@ body {
         width: 100%;
         margin: 0 auto;
         margin-left: -40px;
+
+        @media (max-width: 60rem) {
+          margin-left: 0;
+        }
       }
 
       [data-slot="ylabels"] {