Structure page content with sections

nummi/account/templates/account/account_form.html

@@ -10,13 +10,19 @@
 {% block h2 %}{{ form.instance.icon|remix }}{{ form.instance }}{% endblock %}
 {% block tables %}
     {% if not form.instance|adding %}
+        <section>
             <h3>{% translate "Statements" %}</h3>
             {% include "statement/statement_table.html" %}
+        </section>
+        <section>
             <h3>{% translate "Transactions" %}</h3>
             {% include "transaction/transaction_table.html" %}
+        </section>
         {% if history %}
+            <section>
                 <h3>{% translate "History" %}</h3>
                 {% include "history/plot.html" %}
+            </section>
         {% endif %}
     {% endif %}
 {% endblock %}

nummi/category/templates/category/category_form.html

@@ -9,10 +9,14 @@
 {% endblock %}
 {% block h2 %}{{ form.instance.icon|remix }}{{ form.instance }}{% endblock %}
 {% block tables %}
+    <section>
         <h3>{% translate "Transactions" %}</h3>
         {% include "transaction/transaction_table.html" %}
+    </section>
     {% if history %}
+        <section>
             <h3>{% translate "History" %}</h3>
             {% include "history/plot.html" %}
+        </section>
     {% endif %}
 {% endblock %}

nummi/main/templates/main/index.html

@@ -12,6 +12,7 @@
           type="text/css">
 {% endblock %}
 {% block body %}
+    <section>
         <h2>{% translate "Accounts" %}</h2>
         <p>
             {% for acc in accounts %}
@@ -20,11 +21,15 @@
                 {% translate "No account" %}
             {% endfor %}
         </p>
+    </section>
     {% if transactions %}
+        <section>
             <h2>{% translate "Transactions" %}</h2>
             {% include "transaction/transaction_table.html" %}
+        </section>
     {% endif %}
     {% if categories %}
+        <section>
             <h2>{% translate "Categories" %}</h2>
             {% spaceless %}
                 <p>
@@ -35,13 +40,18 @@
                     {% endfor %}
                 </p>
             {% endspaceless %}
+        </section>
     {% endif %}
     {% if statements %}
+        <section>
             <h2>{% translate "Statements" %}</h2>
             {% include "statement/statement_table.html" %}
+        </section>
     {% endif %}
     {% if history %}
+        <section>
             <h2>{% translate "History" %}</h2>
             {% include "history/plot.html" %}
+        </section>
     {% endif %}
 {% endblock %}

nummi/statement/templates/statement/statement_form.html

@@ -19,9 +19,13 @@
 {% endblock %}
 {% block tables %}
     {% if not form.instance|adding %}
+        <section>
             <h3>{% translate "Categories" %}</h3>
             {% category_plot transactions %}
+        </section>
+        <section>
             <h3>{% translate "Transactions" %} ({{ form.instance.sum|pmvalue }} / {{ form.instance.diff|pmvalue }})</h3>
             {% include "transaction/transaction_table.html" %}
+        </section>
     {% endif %}
 {% endblock %}

nummi/transaction/templates/transaction/transaction_form.html

@@ -16,7 +16,9 @@
 {% endblock %}
 {% block tables %}
     {% if not form.instance|adding %}
+        <section>
             <h3>{% translate "Invoices" %}</h3>
             {% include "transaction/invoice_table.html" %}
+        </section>
     {% endif %}
 {% endblock %}