From d426ed7c4f4f536413919fa85a5c46a7cf915028 Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Sun, 17 May 2026 15:25:11 +0200
Subject: [PATCH] Add explicit INCOME/EXPENSE text label above the description

A type-colored icon alone isn't accessible (colorblind users) and
doesn't read at a glance. Put the badge on its own caption line
above the description so the description column still wraps cleanly.
Combined with the avatar trend icon, type is signalled redundantly
by color, shape, and text.
---
 templates/libra/index.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/templates/libra/index.html b/templates/libra/index.html
index 929b817..c340543 100644
--- a/templates/libra/index.html
+++ b/templates/libra/index.html
@@ -87,6 +87,12 @@
               </q-icon>
             </q-item-section>
             <q-item-section>
+              <q-item-label caption>
+                <q-badge
+                  :color="isIncomeEntry(entry) ? 'green' : 'red'"
+                  :label="isIncomeEntry(entry) ? 'INCOME' : 'EXPENSE'"
+                />
+              </q-item-label>
               <q-item-label>{% raw %}{{ entry.description }}{% endraw %}</q-item-label>
               <q-item-label caption>
                 {% raw %}{{ formatDate(entry.entry_date) }}{% endraw %}