UI - operation sheet: fix tables

2 files changed, 52 insertions, 37 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>
 
diff --git a/ishtar_common/static/media/styles.css b/ishtar_common/static/media/styles.css
index 65882f484..327628eeb 100644
--- a/ishtar_common/static/media/styles.css
+++ b/ishtar_common/static/media/styles.css
@@ -2,7 +2,6 @@
     display: none;
 }
 
-
 .search .form-group {
     margin-bottom: 0.2rem;
     font-size: 0.9em;
@@ -69,6 +68,10 @@ div#foot{
     text-align: center;
 }
 
+.sheet{
+    font-size: 0.9em;
+}
+
 .sheet .card-body{
     padding: 0.5em;
 }