From 0e8042c60317d075ec7bf2cc99339253b54934a0 Mon Sep 17 00:00:00 2001
From: Victor Vasiloi <victor.vasiloi@gmail.com>
Date: Mon, 30 Sep 2024 21:30:58 +0200
Subject: [PATCH] Make chart and controls responsive

---
 templates/components/MonthYieldChart.html.twig | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/components/MonthYieldChart.html.twig b/templates/components/MonthYieldChart.html.twig
index 11f4910..f7f2dbc 100644
--- a/templates/components/MonthYieldChart.html.twig
+++ b/templates/components/MonthYieldChart.html.twig
@@ -1,10 +1,10 @@
 <div {{ attributes }}>
-    <div style="min-height: 480px; margin-bottom: 1.5rem;">
+    <div style="margin-bottom: 1.5rem;">
         {{ render_chart(chart) }}
     </div>
     <hr>
     <div class="row justify-content-center">
-        <div class="col-2">
+        <div class="col-12 col-sm-6 col-lg-4 col-xl-3">
             <select id="year" class="form-select" data-model="year">
                 {% for value, label in years %}
                     <option {% if value == year%}selected{% endif%} value="{{ value }}">{{ label }}</option>
@@ -12,7 +12,7 @@
             </select>
         </div>
 
-        <div class="col-2">
+        <div class="col-12 col-sm-6 col-lg-4 col-xl-3">
             <select id="month" class="form-select" data-model="month">
                 {% for value, label in months %}
                     <option {% if value == month%}selected{% endif%} value="{{ value }}">{{ label }}</option>