From ac839d9481b863c93a9c0f92011118bb581f7c2d Mon Sep 17 00:00:00 2001
From: Étienne Loks <etienne.loks@iggdrasil.net>
Date: Mon, 9 Jan 2023 18:49:20 +0100
Subject: UI bootstrap for stats

---
 .../templates/blocks/DataTables-stats.html         | 70 ++++++++++++----------
 1 file changed, 39 insertions(+), 31 deletions(-)

(limited to 'ishtar_common/templates')

diff --git a/ishtar_common/templates/blocks/DataTables-stats.html b/ishtar_common/templates/blocks/DataTables-stats.html
index aae2bb91f..d443a7721 100644
--- a/ishtar_common/templates/blocks/DataTables-stats.html
+++ b/ishtar_common/templates/blocks/DataTables-stats.html
@@ -3,37 +3,45 @@
 </style>
 <div>
     <div id="stats-form-{{name}}">
-        <p class="text-center">
-        <label for="stats_modality_1-{{name}}">{% trans "Modality 1" %}</label>
-        <select id="stats_modality_1-{{name}}" name="stats_modality_1">
-            {% for modality, modality_lbl in current_model.STATISTIC_MODALITIES_OPTIONS.items %}
-            <option value="{{modality}}"{% if forloop.first %} selected='selected'{% endif %}>{{modality_lbl}}</option>
-            {% endfor %}
-        </select>
-        <label for="stats_modality_2-{{name}}">{% trans "Modality 2" %}</label>
-        <select id="stats_modality_2-{{name}}" name="stats_modality_2">
-            <option value="" selected='selected'>--</option>
-            {% for modality, modality_lbl in current_model.STATISTIC_MODALITIES_OPTIONS.items %}
-            <option value="{{modality}}">{{modality_lbl}}</option>
-            {% endfor %}
-        </select>
-        </p>
-        <p class="text-center">
-            <label for="stats_renderer-{{name}}">{% trans "Type" %}</label>
-            <select id="stats_renderer-{{name}}" name="stats_renderer">
-                <option value="bar" selected='selected'>{% trans "Bar" %}</option>
-                <option value="line">{% trans "Line" %}</option>
-                <option value="pie">{% trans "Pie" %}</option>
-                <option value="table">{% trans "Table" %}</option>
-            </select>
-            <label for="stats_sum-{{name}}">{% trans "Sum" %}</label>
-            <select id="stats_sum-{{name}}" name="stats_sum">
-                {% for sum_var, sum_var_lbl in current_model.STATISTIC_SUM_VARIABLE.items %}
-                <option value="{{sum_var}}"{% if forloop.first %}
-                        selected='selected'{% endif %}>{{sum_var_lbl.0}}</option>
-                {% endfor %}
-            </select>
-        </p>
+        <div class="form-row">
+            <div class="col-6 col-lg-3 offset-lg-3">
+                <label for="stats_modality_1-{{name}}">{% trans "Modality 1" %}</label>
+                <select class="form-control" id="stats_modality_1-{{name}}" name="stats_modality_1">
+                    {% for modality, modality_lbl in current_model.STATISTIC_MODALITIES_OPTIONS.items %}
+                    <option value="{{modality}}"{% if forloop.first %} selected='selected'{% endif %}>{{modality_lbl}}</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <div class="col-6 col-lg-3">
+                <label for="stats_modality_2-{{name}}">{% trans "Modality 2" %}</label>
+                <select class="form-control" id="stats_modality_2-{{name}}" name="stats_modality_2">
+                    <option value="" selected='selected'>--</option>
+                    {% for modality, modality_lbl in current_model.STATISTIC_MODALITIES_OPTIONS.items %}
+                    <option value="{{modality}}">{{modality_lbl}}</option>
+                    {% endfor %}
+                </select>
+            </div>
+        </div>
+        <div class="form-row">
+            <div class="col-6 col-lg-3 offset-lg-3">
+                <label for="stats_renderer-{{name}}">{% trans "Type" %}</label>
+                <select class="form-control" id="stats_renderer-{{name}}" name="stats_renderer">
+                    <option value="bar" selected='selected'>{% trans "Bar" %}</option>
+                    <option value="line">{% trans "Line" %}</option>
+                    <option value="pie">{% trans "Pie" %}</option>
+                    <option value="table">{% trans "Table" %}</option>
+                </select>
+            </div>
+            <div class="col-6 col-lg-3">
+                <label for="stats_sum-{{name}}">{% trans "Sum" %}</label>
+                <select class="form-control" id="stats_sum-{{name}}" name="stats_sum">
+                    {% for sum_var, sum_var_lbl in current_model.STATISTIC_SUM_VARIABLE.items %}
+                    <option value="{{sum_var}}"{% if forloop.first %}
+                            selected='selected'{% endif %}>{{sum_var_lbl.0}}</option>
+                    {% endfor %}
+                </select>
+            </div>
+        </div>
     </div>
     <hr/>
 
-- 
cgit v1.2.3