From d7a6cf0f42ec71d5135ff8cd2d6dc2f219302bae Mon Sep 17 00:00:00 2001
From: Herculino Trotta <netotrotta@gmail.com>
Date: Sun, 15 Dec 2024 02:05:43 -0300
Subject: [PATCH] fix(network): charts are very short on mobile

---
 app/templates/net_worth/net_worth.html | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/app/templates/net_worth/net_worth.html b/app/templates/net_worth/net_worth.html
index 19630da..d89c3b2 100644
--- a/app/templates/net_worth/net_worth.html
+++ b/app/templates/net_worth/net_worth.html
@@ -141,9 +141,13 @@
           </div>
         </div>
       </div>
-      <div class="col-12 col-xl-7 h-100">
-        <canvas id="currencyBalanceChart"></canvas>
-        <canvas id="accountBalanceChart"></canvas>
+      <div class="col-12 col-xl-7">
+        <div class="chart-container position-relativo tw-h-[40vh]">
+          <canvas id="currencyBalanceChart"></canvas>
+        </div>
+        <div class="chart-container position-relativo tw-h-[40vh]">
+          <canvas id="accountBalanceChart"></canvas>
+        </div>
       </div>
     </div>
   </div>
@@ -157,6 +161,7 @@
           type: 'line',
           data: chartData,
           options: {
+              maintainAspectRatio: false,
               responsive: true,
               interaction: {
                   mode: 'index',
@@ -210,6 +215,7 @@
           type: 'line',
           data: chartData,
           options: {
+              maintainAspectRatio: false,
               responsive: true,
               interaction: {
                   mode: 'index',
@@ -265,7 +271,7 @@
     end
     call chart.update()
   end
-  
+
   def showOnlyCurrencyDataset(datasetName)
     set chart to Chart.getChart('currencyBalanceChart')
     for dataset in chart.data.datasets
@@ -274,7 +280,7 @@
     end
     call chart.update()
   end
-  
+
   def showAllDatasetsAccount()
     set chart to Chart.getChart('accountBalanceChart')
     for dataset in chart.data.datasets
@@ -282,7 +288,7 @@
     end
     call chart.update()
   end
-  
+
   def showAllDatasetsCurrency()
     set chart to Chart.getChart('currencyBalanceChart')
     for dataset in chart.data.datasets