From c21b8c08f45527863b65106c061438f788918fb6 Mon Sep 17 00:00:00 2001
From: RunasSudo <runassudo@yingtongli.me>
Date: Mon, 23 Mar 2020 23:55:06 +1100
Subject: [PATCH] Clean up index page (a little)

---
 ledger_pyreport/jinja2/index.html | 32 ++++++++++++++++++-------------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/ledger_pyreport/jinja2/index.html b/ledger_pyreport/jinja2/index.html
index 640de63..285cf35 100644
--- a/ledger_pyreport/jinja2/index.html
+++ b/ledger_pyreport/jinja2/index.html
@@ -21,38 +21,44 @@
 {% block title %}ledger-pyreport{% endblock %}
 
 {% block body %}
-	<ul>
-		<li><form action="{{ url_for('trial') }}">
+	<div style="margin-bottom: 1em;">
+		<form action="{{ url_for('trial') }}">
 			<button type="submit">Trial balance</button>
 			<label>Date: <input name="date" data-inputgroup="date" value="{{ date.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<label>Period start: <input name="pstart" data-inputgroup="pstart" value="{{ pstart.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<label>Compare <input name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)"> periods</label>
 			<label><input name="cash" data-inputgroup="cash" type="checkbox" oninput="chbc(this)"> Cash basis</label>
-		</form></li>
-		
-		<li><form action="{{ url_for('balance') }}">
+		</form>
+	</div>
+	
+	<div style="margin-bottom: 1em;">
+		<form action="{{ url_for('balance') }}">
 			<button type="submit">Balance sheet</button>
 			<label>Date: <input name="date" data-inputgroup="date" value="{{ date.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<label>Period start: <input name="pstart" data-inputgroup="pstart" value="{{ pstart.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<label>Compare <input name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)"> periods</label>
 			<label><input name="cash" data-inputgroup="cash" type="checkbox" oninput="chbc(this)"> Cash basis</label>
-		</form></li>
-		
-		<li><form action="{{ url_for('pandl') }}">
+		</form>
+	</div>
+	
+	<div style="margin-bottom: 1em;">
+		<form action="{{ url_for('pandl') }}">
 			<button type="submit">Income statement</button>
 			<label>Begin date: <input name="date_beg" data-inputgroup="pstart" value="{{ pstart.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<label>End date: <input name="date_end" data-inputgroup="date" value="{{ date.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<label>Compare <input name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)"> periods</label>
 			<label><input name="cash" data-inputgroup="cash" type="checkbox" oninput="chbc(this)"> Cash basis</label>
-		</form></li>
-		
-		<li><form action="{{ url_for('transactions') }}">
+		</form>
+	</div>
+	
+	<div style="margin-bottom: 1em;">
+		<form action="{{ url_for('transactions') }}">
 			<button type="submit">General ledger</button>
 			<label>Date: <input name="date" data-inputgroup="date" value="{{ date.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<label>Period start: <input name="pstart" value="{{ pstart.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<label><input name="cash" data-inputgroup="cash" type="checkbox" oninput="chbc(this)"> Cash basis</label>
-		</form></li>
-	</ul>
+		</form>
+	</div>
 	
 	<script>
 		// Called whenever a text input changes - update others to match