From daf9f51bf4340539f5134ab5b34e5241a752f739 Mon Sep 17 00:00:00 2001
From: Florian Hartmann <flo.ha@posteo.net>
Date: Tue, 18 Feb 2020 18:03:03 +0100
Subject: [PATCH] separate information into multiple main-containers

---
 .../templates/financeplanner/index.html       | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/financeplanner/templates/financeplanner/index.html b/financeplanner/templates/financeplanner/index.html
index 562eaea..3d59eab 100644
--- a/financeplanner/templates/financeplanner/index.html
+++ b/financeplanner/templates/financeplanner/index.html
@@ -19,6 +19,7 @@
 
 <div class="main-container flex-col-centering">
     {% if graph_data %}
+        <p>Data from {{ range_start }} til {{ range_end }}:</p>
         <div id="graph">
             {% for date, stat in graph_data.items %}
                 {% if stat.div_percentage is None %}
@@ -34,14 +35,12 @@
             {% endfor %}
         </div>
     {% else %}
-        <p>No graph data available.</p>
+        <p>No data available from {{ range_start }} til {{ range_end }}.</p>
     {% endif %}
 </div>
 
 <div class="main-container">
-    <p>Showing data from {{ range_start }} til {{ range_end }}:</p>
-
-    <p>Balances:</p>
+    <p>relevant balances:</p>
 
     {% if balance_list %}
         <ul>
@@ -50,10 +49,12 @@
             {% endfor %}
         </ul>
     {% else %}
-        <p>No balances available.</p>
+        <p>-</p>
     {% endif %}
+</div>
 
-    <p>Transactions:</p>
+<div class="main-container">
+    <p>relevant stored transactions:</p>
 
     {% if transaction_list %}
         <ul>
@@ -62,10 +63,12 @@
             {% endfor %}
         </ul>
     {% else %}
-        <p>No transactions available.</p>
+        <p>-</p>
     {% endif %}
+</div>
 
-    <p>Calculated Transactions:</p>
+<div class="main-container">
+    <p>calculated actual transactions:</p>
 
     {% if actual_transactions %}
         <ul>
@@ -74,7 +77,7 @@
             {% endfor %}
         </ul>
     {% else %}
-        <p>No calculated transactions available.</p>
+        <p>-</p>
     {% endif %}
 </div>