diff --git a/web/src/pages/Import.jsx b/web/src/pages/Import.jsx
index 20e4ae9..ec29261 100644
--- a/web/src/pages/Import.jsx
+++ b/web/src/pages/Import.jsx
@@ -336,17 +336,16 @@ export default function Import() {
render: (b) => {t("import.importedCount", { n: b.imported_count })},
},
{
- key: "action", header: "", width: 120, fixed: true,
+ key: "action", header: "", width: 168, fixed: true,
render: (b) => (b.status === "committed" ? (
) : (
- {t("import.undone")}
)),
diff --git a/web/src/pages/Transactions.jsx b/web/src/pages/Transactions.jsx
index 6b64d78..31de8e5 100644
--- a/web/src/pages/Transactions.jsx
+++ b/web/src/pages/Transactions.jsx
@@ -186,12 +186,16 @@ export default function Transactions() {
const to = accountById[tx.to_account_id]?.name || "?";
return { icon: "arrow-left-right", color: "#6b7480", title: `${from} → ${to}`, sub: tx.description || t("transactions.transfer") };
}
+ // Oben steht, WOFÜR die Zahlung war – danach sucht man in der Liste.
+ // Die Kategorie ist die Einordnung und steht klein darunter; das Symbol
+ // trägt sie ohnehin schon.
const cat = tx.category_id ? categoryById[tx.category_id] : null;
+ const zweck = tx.payee || tx.description;
return {
icon: cat?.icon || "more-horizontal",
color: cat?.color || "#6b7480",
- title: cat?.name || t("transactions.uncategorized"),
- sub: tx.payee || tx.description || "",
+ title: zweck || cat?.name || t("transactions.uncategorized"),
+ sub: zweck ? (cat?.name || t("transactions.uncategorized")) : "",
};
}