From 641fb054e11d84e9ab4bd0447db593b05a07be02 Mon Sep 17 00:00:00 2001
From: RunasSudo <runassudo@yingtongli.me>
Date: Thu, 4 Apr 2024 21:30:27 +1100
Subject: [PATCH] Tweak home page

---
 drcr/templates/index.html | 56 ++++++++++++++++++++++-----------------
 1 file changed, 31 insertions(+), 25 deletions(-)

diff --git a/drcr/templates/index.html b/drcr/templates/index.html
index db3fad1..d800954 100644
--- a/drcr/templates/index.html
+++ b/drcr/templates/index.html
@@ -19,29 +19,35 @@
 {% block title %}DrCr{% endblock %}
 
 {% block content %}
-	<h2 class="text-3xl text-gray-900 mb-1">Data sources</h2>
-	<ul class="list-disc ml-6">
-		<li><a href="{{ url_for('journal') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Journal</a></li>
-		<li><a href="{{ url_for('statement_lines') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Statement lines</a></li>
-		<li><a href="{{ url_for('balance_assertions') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Balance assertions</a></li>
-		<li><a href="{{ url_for('chart_of_accounts') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Chart of accounts</a></li>
-		{% for report in data_sources %}
-			<li><a href="{{ url_for(report[0]) }}" class="text-gray-900 hover:text-blue-700 hover:underline">{{ report[1] }}</a></li>
-		{% endfor %}
-	</ul>
-	
-	<h2 class="text-3xl text-gray-900 mt-8 mb-1">General reports</h2>
-	<ul class="list-disc ml-6">
-		<li><a href="{{ url_for('general_ledger') }}" class="text-gray-900 hover:text-blue-700 hover:underline">General ledger</a></li>
-		<li><a href="{{ url_for('trial_balance') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Trial balance</a></li>
-		<li><a href="{{ url_for('balance_sheet') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Balance sheet</a></li>
-		<li><a href="{{ url_for('income_statement') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Income statement</a></li>
-	</ul>
-	
-	<h2 class="text-3xl text-gray-900 mt-8 mb-1">Advanced reports</h2>
-	<ul class="list-disc ml-6">
-		{% for report in advanced_reports %}
-			<li><a href="{{ url_for(report[0]) }}" class="text-gray-900 hover:text-blue-700 hover:underline">{{ report[1] }}</a></li>
-		{% endfor %}
-	</ul>
+	<div class="grid grid-cols-3 divide-x divide-gray-200">
+		<div class="pr-4">
+			<h2 class="font-medium text-gray-700 mb-2">Data sources</h2>
+			<ul class="list-disc ml-6">
+				<li><a href="{{ url_for('journal') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Journal</a></li>
+				<li><a href="{{ url_for('statement_lines') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Statement lines</a></li>
+				<li><a href="{{ url_for('balance_assertions') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Balance assertions</a></li>
+				<li><a href="{{ url_for('chart_of_accounts') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Chart of accounts</a></li>
+				{% for report in data_sources %}
+					<li><a href="{{ url_for(report[0]) }}" class="text-gray-900 hover:text-blue-700 hover:underline">{{ report[1] }}</a></li>
+				{% endfor %}
+			</ul>
+		</div>
+		<div class="px-4">
+			<h2 class="font-medium text-gray-700 mb-2">General reports</h2>
+			<ul class="list-disc ml-6">
+				<li><a href="{{ url_for('general_ledger') }}" class="text-gray-900 hover:text-blue-700 hover:underline">General ledger</a></li>
+				<li><a href="{{ url_for('trial_balance') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Trial balance</a></li>
+				<li><a href="{{ url_for('balance_sheet') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Balance sheet</a></li>
+				<li><a href="{{ url_for('income_statement') }}" class="text-gray-900 hover:text-blue-700 hover:underline">Income statement</a></li>
+			</ul>
+		</div>
+		<div class="pl-4">
+			<h2 class="font-medium text-gray-700 mb-2">Advanced reports</h2>
+			<ul class="list-disc ml-6">
+				{% for report in advanced_reports %}
+					<li><a href="{{ url_for(report[0]) }}" class="text-gray-900 hover:text-blue-700 hover:underline">{{ report[1] }}</a></li>
+				{% endfor %}
+			</ul>
+		</div>
+	</div>
 {% endblock %}