From d6b05ea9861d352ebe7c978bee16a9d82e85cb78 Mon Sep 17 00:00:00 2001
From: Yarne Coppens <git.w8x3v@simplelogin.com>
Date: Sun, 25 Aug 2024 11:38:18 +0200
Subject: [PATCH] Made statistic cards screen responsive

---
 static/javascript/statistics.js | 6 ++++--
 templates/statistics.jinja      | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/static/javascript/statistics.js b/static/javascript/statistics.js
index 111a65c..2ad136d 100644
--- a/static/javascript/statistics.js
+++ b/static/javascript/statistics.js
@@ -7,9 +7,11 @@ function create_statistic_card(col_number = null){
   function create_statistic_card_col(){
     const col = document.createElement('col')
     if (col_number == null){
-      col.classList.add('col-6')
+      col.classList.add('col-12')
+      col.classList.add('col-md-6')
     }else{
-      col.classList.add('col-' + col_number)
+      col.classList.add('col-' + col_number * 2)
+      col.classList.add('col-md-'+col_number)
     }
     
 
diff --git a/templates/statistics.jinja b/templates/statistics.jinja
index c7df616..98f3105 100644
--- a/templates/statistics.jinja
+++ b/templates/statistics.jinja
@@ -4,13 +4,13 @@
 {% block body_block %} 
 
         <div class="container"> 
-                <div id="statistic_row" class="row row-cols-auto g-4 ">
+                <div id="statistic_row" class="row g-4 ">
                 </div>
         </div>
         
 {% endblock body_block %}
 
-{% block extra_js_files %}
+{% block extra_js_files %}      
 
 <script src="{{ url_for('static', filename='javascript/statistics.js')  }}" defer></script>