From 7a8b5a674c596d92e1b63751df359b7ec3bd95ae Mon Sep 17 00:00:00 2001
From: Gregory Ballantine <gballantine@metaunix.net>
Date: Wed, 2 Jul 2025 17:52:26 -0400
Subject: [PATCH] Increased size of the benchmark charts; disabled the chart
 display while the chart is being generated

---
 assets/scripts/reports.coffee | 2 ++
 assets/styles/nardah.scss     | 4 ++++
 views/reports/generate.twig   | 4 ++--
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/assets/scripts/reports.coffee b/assets/scripts/reports.coffee
index 8c7af59..b3d52e3 100644
--- a/assets/scripts/reports.coffee
+++ b/assets/scripts/reports.coffee
@@ -9,6 +9,7 @@ $ ->
     a.click()
 
   $('#reports-button').on 'click', (e) ->
+    $('#reports-download').attr('disabled', true)
     chartInstance.destroy() if chartInstance
 
     benchmarkId = $('#report-benchmarks').val()
@@ -78,3 +79,4 @@ $ ->
       plugins: [ChartDataLabels]
 
     $('#reports-download').attr('disabled', false)
+    $('#benchmark-chart')[0].removeClass('disabled')
diff --git a/assets/styles/nardah.scss b/assets/styles/nardah.scss
index 39ef12c..b50560f 100644
--- a/assets/styles/nardah.scss
+++ b/assets/styles/nardah.scss
@@ -9,6 +9,10 @@ $shadow-normal: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 $shadow-light: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 $shadow-heavy: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
 
+.disabled{
+  display: none;
+}
+
 body{
   font-size: 18px;
 }
diff --git a/views/reports/generate.twig b/views/reports/generate.twig
index 14e5c8d..9580106 100644
--- a/views/reports/generate.twig
+++ b/views/reports/generate.twig
@@ -45,8 +45,8 @@
   </div>
 
   <div class="row">
-    <div class="col-5">
-      <canvas id="benchmark-chart" width="800" height="400"></canvas>
+    <div class="col-12">
+      <canvas id="benchmark-chart" class="disabled" width="1200" height="720"></canvas>
     </div>
   </div>