From e66a730570b44a0620ddc0ff27fdba5943a8a4bb Mon Sep 17 00:00:00 2001
From: Knut Ahlers <knut@ahlers.me>
Date: Fri, 19 Jan 2024 00:21:13 +0100
Subject: [PATCH] Fix: Amount column too small to enter number

Signed-off-by: Knut Ahlers <knut@ahlers.me>
---
 frontend/components/accountOverview.vue | 4 ++--
 frontend/style.scss                     | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/components/accountOverview.vue b/frontend/components/accountOverview.vue
index b427590..e930f62 100644
--- a/frontend/components/accountOverview.vue
+++ b/frontend/components/accountOverview.vue
@@ -79,7 +79,7 @@
                   Category
                 </th>
                 <th>Description</th>
-                <th class="minimized-column text-end">
+                <th class="minimized-amount text-end">
                   Amount
                 </th>
                 <th class="minimized-column">
@@ -160,7 +160,7 @@
                   {{ accountIdToName[tx.category] }}
                 </td>
                 <td>{{ tx.description }}</td>
-                <td :class="{'minimized-column text-end': true, 'text-danger': tx.amount < 0}">
+                <td :class="{'minimized-amount text-end': true, 'text-danger': tx.amount < 0}">
                   {{ formatNumber(tx.amount) }} €
                 </td>
                 <td>
diff --git a/frontend/style.scss b/frontend/style.scss
index a136823..1d46fd0 100644
--- a/frontend/style.scss
+++ b/frontend/style.scss
@@ -12,4 +12,10 @@ $fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
 .minimized-column {
   width: 0.1%;
   white-space: nowrap;
+}
+
+.minimized-amount {
+  min-width: 150px;
+  width: 0.1%;
+  white-space: nowrap;
 }
\ No newline at end of file