From a680943417172ab758a19474e27d00e58c5b9cfb Mon Sep 17 00:00:00 2001
From: Anton Volnuhin <anton@volnuhin.com>
Date: Sun, 1 Feb 2026 15:14:31 +0300
Subject: [PATCH] Improve responsive layout at medium screen widths

At 1200px and below, reduce chart width to 60% and increase details
box width to 38% (min 340px) to prevent amounts from being truncated.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 styles.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/styles.css b/styles.css
index 82bfaca..db3e64a 100644
--- a/styles.css
+++ b/styles.css
@@ -313,8 +313,13 @@ body {
 
 /* Add responsive design for smaller screens */
 @media (max-width: 1200px) {
+    .chart-wrapper {
+        width: 60%;
+    }
+
     #details-box {
-        max-width: 300px;
+        width: 38%;
+        min-width: 340px;
     }
 }