From 8fa8b32ad2e2f58f8f43fa71a97118c6eeddd16a Mon Sep 17 00:00:00 2001
From: Anton Volnuhin <anton@volnuhin.com>
Date: Sun, 1 Feb 2026 15:21:10 +0300
Subject: [PATCH] Fix scroll jumping in narrow layout when hovering
 subcategories

Use calc() to set details box max-height based on remaining viewport
space after chart (90lvw) and header (~140px). This prevents page
scrolling when hovering items with many subcategories - the details
box scrolls internally instead.

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

diff --git a/styles.css b/styles.css
index 26c01b5..a2c3f17 100644
--- a/styles.css
+++ b/styles.css
@@ -351,8 +351,9 @@ body {
         right: 0;
         width: 100%;
         margin-top: 20px;
-        max-height: none;
+        max-height: calc(100vh - 90lvw - 140px);
         min-width: 100%;
+        overflow-y: auto;
     }
 
     .top-item-amount {