From 094f61c7befda01813ca9be7cff0f88cb3ec90da Mon Sep 17 00:00:00 2001
From: Alessio Cappa <alessiocappa26@gmail.com>
Date: Mon, 29 Sep 2025 23:17:37 +0200
Subject: [PATCH 1/2] fix: Adjust column width in transaction page for small
 displays

---
 app/views/transactions/_transaction.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/transactions/_transaction.html.erb b/app/views/transactions/_transaction.html.erb
index bf0e3331c7f..817a0596927 100644
--- a/app/views/transactions/_transaction.html.erb
+++ b/app/views/transactions/_transaction.html.erb
@@ -93,7 +93,7 @@
         <%= render "transactions/transaction_category", transaction: transaction %>
       </div>
 
-      <div class="col-span-2 ml-auto text-right">
+      <div class="lg:col-span-2 col-span-4 ml-auto text-right">
         <%= content_tag :p,
             transaction.transfer? && view_ctx == "global" ? "+/- #{format_money(entry.amount_money.abs)}" : format_money(-entry.amount_money),
             class: ["text-green-600": entry.amount.negative?] %>

From 6b550425ce38113d0ed3ffc999a286770216600d Mon Sep 17 00:00:00 2001
From: Alessio Cappa <alessiocappa26@gmail.com>
Date: Mon, 29 Sep 2025 23:27:31 +0200
Subject: [PATCH 2/2] chore: Change classes order based on AI review

---
 app/views/transactions/_transaction.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/transactions/_transaction.html.erb b/app/views/transactions/_transaction.html.erb
index 817a0596927..199ac59302e 100644
--- a/app/views/transactions/_transaction.html.erb
+++ b/app/views/transactions/_transaction.html.erb
@@ -93,7 +93,7 @@
         <%= render "transactions/transaction_category", transaction: transaction %>
       </div>
 
-      <div class="lg:col-span-2 col-span-4 ml-auto text-right">
+      <div class="col-span-4 lg:col-span-2 ml-auto text-right">
         <%= content_tag :p,
             transaction.transfer? && view_ctx == "global" ? "+/- #{format_money(entry.amount_money.abs)}" : format_money(-entry.amount_money),
             class: ["text-green-600": entry.amount.negative?] %>