From fa43cf8dd1649baec16718d6d2167a1ceb2f0f73 Mon Sep 17 00:00:00 2001
From: fahed <fahed@softhouse.io>
Date: Tue, 3 Feb 2026 16:21:22 +0300
Subject: [PATCH] Fix chart height - override flex with explicit 380px

- Add .exportable-chart.chart-container rule with flex:none and height:380px
- This overrides the flex:1 that was preventing height from being applied
- Also fixed .chart-section .chart-container to 380px
---
 src/App.css | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index a7fa4ee..2923602 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1089,7 +1089,7 @@ table tbody tr:hover {
 }
 
 .chart-section .chart-container {
-  height: 300px;
+  height: 380px;
 }
 
 /* Desktop/Mobile visibility */
@@ -1908,6 +1908,12 @@ html[dir="rtl"] .chart-header-with-export {
   min-height: 0;
 }
 
+/* Explicit height when chart-container class is applied */
+.exportable-chart.chart-container {
+  flex: none;
+  height: 380px;
+}
+
 /* Download button - always top corner, outside normal flow */
 .chart-export-btn,
 .chart-export-btn.visible {