From 4f93be86f144aca49b566791831d198e05687a37 Mon Sep 17 00:00:00 2001
From: Kira <kira.eva@protonmail.com>
Date: Wed, 17 May 2023 02:11:49 +0100
Subject: Make charts responsive

Charts now take the width of the whole screen when the window is below 1200px
---
 src/static/style.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/static/style.css b/src/static/style.css
index c363de6..d2d46f1 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -108,6 +108,13 @@ aside form p {
   flex-direction: row-reverse;
 }
 
+/* Use a media query to add a breakpoint at 800px: */
+@media screen and (max-width: 1200px) {
+  #multicharts ul li {
+    width: 100%;
+  }
+}
+
 .minichart {
   min-height: 220px;
   width: 100%;
@@ -125,10 +132,6 @@ aside form p {
   font-size: small;
 }
 
-.chart {
-  
-}
-
 .bottom_text {
   display: inline-flex;
   margin: 0.5rem;
-- 
cgit v1.2.3