UI - operation sheet: fix tables

1 files changed, 48 insertions, 36 deletions

diff --git a/archaeological_operations/templates/ishtar/sheet_operation.html b/archaeological_operations/templates/ishtar/sheet_operation.html
index c115e0966..0052dde7b 100644
--- a/archaeological_operations/templates/ishtar/sheet_operation.html
+++ b/archaeological_operations/templates/ishtar/sheet_operation.html
@@ -228,20 +228,24 @@
 </div>
 <div class='row'>
 {% if item.nb_context_records_by_type %}
-<table class='clean-table small'>
-  <tr><th>{% trans "Type" %}</th><th>{% trans "Number" %}</th></tr>
-{% for label, nb in item.nb_context_records_by_type %}
-  <tr><td>{{label}}</td><td>{{nb}}</td></tr>
-{% endfor %}
-</table><
+    <div class="col-12 col-md-6 col-lg-4">
+        <table>
+          <tr><th>{% trans "Type" %}</th><th>{% trans "Number" %}</th></tr>
+        {% for label, nb in item.nb_context_records_by_type %}
+          <tr><td>{{label}}</td><td>{{nb}}</td></tr>
+        {% endfor %}
+        </table>
+    </div>
 {% endif %}
 {% if item.nb_context_records_by_periods %}
-<table class='clean-table small'>
-  <tr><th>{% trans "Period" %}</th><th>{% trans "Number" %}</th></tr>
-{% for label, nb in item.nb_context_records_by_periods %}
-  <tr><td>{{label}}</td><td>{{nb}}</td></tr>
-{% endfor %}
-</table>
+    <div class="col-12 col-md-6 col-lg-4">
+        <table>
+          <tr><th>{% trans "Period" %}</th><th>{% trans "Number" %}</th></tr>
+        {% for label, nb in item.nb_context_records_by_periods %}
+          <tr><td>{{label}}</td><td>{{nb}}</td></tr>
+        {% endfor %}
+        </table>
+    </div>
 {% endif %}
 </div>
 
@@ -251,28 +255,34 @@
 </div>
 <div class='row'>
 {% if item.nb_finds_by_material_type %}
-<table class='clean-table small'>
-  <tr><th>{% trans "Material type" %}</th><th>{% trans "Number" %}</th></tr>
-{% for label, nb in item.nb_finds_by_material_type %}
-  <tr><td>{{label}}</td><td>{{nb}}</td></tr>
-{% endfor %}
-</table>
+    <div class="col-12 col-md-6 col-lg-4">
+        <table>
+          <tr><th>{% trans "Material type" %}</th><th>{% trans "Number" %}</th></tr>
+        {% for label, nb in item.nb_finds_by_material_type %}
+          <tr><td>{{label}}</td><td>{{nb}}</td></tr>
+        {% endfor %}
+        </table>
+    </div>
 {% endif %}
 {% if item.nb_finds_by_types %}
-<table class='clean-table small'>
-  <tr><th>{% trans "Object type" %}</th><th>{% trans "Number" %}</th></tr>
-{% for label, nb in item.nb_finds_by_types %}
-  <tr><td>{{label}}</td><td>{{nb}}</td></tr>
-{% endfor %}
-</table>
+    <div class="col-12 col-md-6 col-lg-4">
+        <table>
+          <tr><th>{% trans "Object type" %}</th><th>{% trans "Number" %}</th></tr>
+        {% for label, nb in item.nb_finds_by_types %}
+          <tr><td>{{label}}</td><td>{{nb}}</td></tr>
+        {% endfor %}
+        </table>
+    </div>
 {% endif %}
 {% if item.nb_finds_by_periods %}
-<table class='clean-table small'>
-  <tr><th>{% trans "Period" %}</th><th>{% trans "Number" %}</th></tr>
-{% for label, nb in item.nb_finds_by_periods %}
-  <tr><td>{{label}}</td><td>{{nb}}</td></tr>
-{% endfor %}
-</table>
+    <div class="col-12 col-md-6 col-lg-4">
+        <table>
+          <tr><th>{% trans "Period" %}</th><th>{% trans "Number" %}</th></tr>
+        {% for label, nb in item.nb_finds_by_periods %}
+          <tr><td>{{label}}</td><td>{{nb}}</td></tr>
+        {% endfor %}
+        </table>
+    </div>
 {% endif %}
 </div>
 
@@ -282,12 +292,14 @@
 </div>
 <div class='row'>
 {% if item.nb_documents_by_types %}
-<table class='clean-table small'>
-  <tr><th>{% trans "Type" %}</th><th>{% trans "Number" %}</th></tr>
-{% for label, nb in item.nb_documents_by_types %}
-  <tr><td>{{label}}</td><td>{{nb}}</td></tr>
-{% endfor %}
-</table>
+    <div class="col-12 col-md-6 col-lg-4">
+        <table class="table">
+          <tr><th>{% trans "Type" %}</th><th>{% trans "Number" %}</th></tr>
+        {% for label, nb in item.nb_documents_by_types %}
+          <tr><td>{{label}}</td><td>{{nb}}</td></tr>
+        {% endfor %}
+        </table>
+    </div>
 {% endif %}
 </div>