added table container

2021-06-13 02:17:25 +02:00 · 2021-06-13 02:17:25 +02:00 · bd591594e7
commit bd591594e7
parent 8d2492e6c8
4 changed files with 111 additions and 102 deletions
--- a/src/_includes/expenses-current.html
+++ b/src/_includes/expenses-current.html
@ -1,33 +1,35 @@
-<table class="table">
-    <thead>
-    <tr>
-        <th>{{strings.name[locale]}}</th>
-        <th>{{strings.type[locale]}}</th>
-        <th>{{strings.provider[locale]}}</th>
-        <th>{{strings.amount[locale]}} / {{strings.month[locale]}}</th>
-        <th>{{strings.amount[locale]}} / {{strings.year[locale]}}</th>
-    </tr>
-    </thead>
-    <tbody>
-    {% for expense in expenses %}
-    <tr>
-        {% if expense.name[locale] %}
-        <td>{{expense.name[locale]}}</td>
-        {% else %}
-        <td>{{expense.name}}</td>
-        {% endif %}
-        <td>{{expense.type}}</td>
-        <td>{{expense.provider}}</td>
-        <td>{{expense.amount | amount}} €</td>
-        <td>{{expense.amount | year | amount}} €</td>
-    </tr>
-    {% endfor %}
-    </tbody>
-    <tfoot>
-    <tr>
-        <th colspan="3">{{strings.total[locale]}}</th>
-        <th>{{expenses | sum | amount}} €</th>
-        <th>{{expenses | sum | year | amount}} €</th>
-    </tr>
-    </tfoot>
-</table>
+<div class="table-container">
+    <table class="table">
+        <thead>
+        <tr>
+            <th>{{strings.name[locale]}}</th>
+            <th>{{strings.type[locale]}}</th>
+            <th>{{strings.provider[locale]}}</th>
+            <th>{{strings.amount[locale]}} / {{strings.month[locale]}}</th>
+            <th>{{strings.amount[locale]}} / {{strings.year[locale]}}</th>
+        </tr>
+        </thead>
+        <tbody>
+        {% for expense in expenses %}
+        <tr>
+            {% if expense.name[locale] %}
+            <td>{{expense.name[locale]}}</td>
+            {% else %}
+            <td>{{expense.name}}</td>
+            {% endif %}
+            <td>{{expense.type}}</td>
+            <td>{{expense.provider}}</td>
+            <td>{{expense.amount | amount}} €</td>
+            <td>{{expense.amount | year | amount}} €</td>
+        </tr>
+        {% endfor %}
+        </tbody>
+        <tfoot>
+        <tr>
+            <th colspan="3">{{strings.total[locale]}}</th>
+            <th>{{expenses | sum | amount}} €</th>
+            <th>{{expenses | sum | year | amount}} €</th>
+        </tr>
+        </tfoot>
+    </table>
+</div>