From 3b4446b18134c4a991914f9199583624037ce940 Mon Sep 17 00:00:00 2001
From: Jacquin Antoine <antoine@arkel.fr>
Date: Wed, 20 May 2026 01:46:35 +0200
Subject: [PATCH] Fix: fullscreen background chart now takes full viewport
 height

The .chart-container.fullscreen CSS was missing height: 100vh, so the
container stayed at the default 450px height instead of expanding to
fill the full screen.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 web/static/css/style.css | 1 +
 web/static/index.html    | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/web/static/css/style.css b/web/static/css/style.css
index c260ee1..eb660ea 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -132,6 +132,7 @@ main { padding: 16px; }
     border-radius: 0;
     display: flex;
     flex-direction: column;
+    height: 100vh;
 }
 .chart-container.fullscreen canvas {
     flex: 1;
diff --git a/web/static/index.html b/web/static/index.html
index 07b3a01..688fc24 100644
--- a/web/static/index.html
+++ b/web/static/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Radiacode 103 — Dashboard</title>
-    <link rel="stylesheet" href="/static/css/style.css?v=2">
+    <link rel="stylesheet" href="/static/css/style.css?v=3">
     <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@3.0.1/dist/chartjs-plugin-annotation.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/hammerjs@2.0.8/hammer.min.js"></script>