From 2b45a42b49368acb301fa8a3349ed95ae605dc25 Mon Sep 17 00:00:00 2001
From: Anton Volnuhin <anton@volnuhin.com>
Date: Sun, 1 Feb 2026 15:30:40 +0300
Subject: [PATCH] Hide center label on mobile and enlarge chart
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Hide center label on screens ≤500px (redundant with details box)
- Increase chart height to 95vw (500px) and 98vw (400px)
- Reduce container padding to minimize white space
- Adjust details box margin and max-height calculation

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 styles.css | 40 ++++++++++------------------------------
 1 file changed, 10 insertions(+), 30 deletions(-)

diff --git a/styles.css b/styles.css
index c737522..cb6dd5e 100644
--- a/styles.css
+++ b/styles.css
@@ -350,8 +350,8 @@ body {
         top: 0;
         right: 0;
         width: 100%;
-        margin-top: 20px;
-        max-height: calc(100vh - 90lvw - 140px);
+        margin-top: 15px;
+        max-height: calc(100vh - 90vw - 130px);
         min-width: 100%;
         overflow-y: auto;
     }
@@ -395,23 +395,15 @@ body {
     }
 
     .center-label {
-        text-align: center;
+        display: none;
     }
 
-    .center-month {
-        font-size: 14px;
+    .container {
+        padding: 15px 10px;
     }
 
-    .center-category {
-        font-size: 14px;
-    }
-
-    .center-amount {
-        font-size: 18px;
-    }
-
-    .center-rub {
-        font-size: 16px;
+    .chart-wrapper {
+        height: 95vw;
     }
 }
 
@@ -421,7 +413,7 @@ body {
     }
 
     .container {
-        padding: 15px;
+        padding: 12px 8px;
     }
 
     .month-btn {
@@ -439,20 +431,8 @@ body {
         font-size: 16px;
     }
 
-    .center-month {
-        font-size: 12px;
-    }
-
-    .center-category {
-        font-size: 12px;
-    }
-
-    .center-amount {
-        font-size: 16px;
-    }
-
-    .center-rub {
-        font-size: 14px;
+    .chart-wrapper {
+        height: 98vw;
     }
 
     .details-header {