From 432a3c12eed33f911b30624613d6bceb5983178f Mon Sep 17 00:00:00 2001
From: Tim Wundenberg <tim@wundenbergs.de>
Date: Sat, 23 Aug 2025 21:05:25 +0200
Subject: [PATCH] wip

---
 .../template/transaction/transaction.templ    | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/internal/template/transaction/transaction.templ b/internal/template/transaction/transaction.templ
index cf10e88..b8fc069 100644
--- a/internal/template/transaction/transaction.templ
+++ b/internal/template/transaction/transaction.templ
@@ -232,28 +232,30 @@ templ TransactionItem(transaction *types.Transaction, accounts, treasureChests m
 		}
 	>
 		<p class="datetime">{ transaction.Timestamp.String() }</p>
-		if transaction.Value < 0 {
-			<p class="text-red-700">- { types.FormatEuros(transaction.Value) }</p>
-		} else {
-			<p class="text-green-700">+ { types.FormatEuros(transaction.Value) }</p>
-		}
+		<p class="text-xl col-start-2 row-start-1 row-end-3">
+			if transaction.Value < 0 {
+				<span class="text-red-700">- { types.FormatEuros(transaction.Value) }</span>
+			} else {
+				<span class="text-green-700">+ { types.FormatEuros(transaction.Value) }</span>
+			}
+		</p>
 		if transaction.AccountId != nil {
-			<p class="">
+			<p class="col-start-1">
 				{ accounts[*transaction.AccountId] }
 			</p>
 		}
 		if transaction.TreasureChestId != nil {
-			<p class="">
+			<p class="col-start-1">
 				{ treasureChests[*transaction.TreasureChestId] }
 			</p>
 		}
 		if transaction.Party != "" {
-			<p class="">
+			<p class="col-start-1">
 				{ transaction.Party }
 			</p>
 		}
 		if transaction.Description != "" {
-			<p class="">
+			<p class="col-start-1">
 				{ transaction.Description }
 			</p>
 		}