From d52e5c63d4248866166aac1cec7f67058ca67894 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Tue, 1 Mar 2022 20:12:27 +0000
Subject: [PATCH] Hide Input on small screens and match columns

---
 web/src/pages/Account.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/web/src/pages/Account.vue b/web/src/pages/Account.vue
index 1cc6cf3..0dded53 100644
--- a/web/src/pages/Account.vue
+++ b/web/src/pages/Account.vue
@@ -86,18 +86,16 @@ function createReconcilationTransaction() {
 
     <table>
         <tr class="font-bold">
-            <td style="width: 90px;">Date</td>
+            <td class="hidden md:block" style="width: 90px;">Date</td>
             <td style="max-width: 150px;">Payee</td>
             <td style="max-width: 200px;">Category</td>
             <td>Memo</td>
             <td class="text-right">Amount</td>
-            <td style="width: 20px;"></td>
-            <td style="width: 40px;"></td>
-            <td style="width: 20px;" v-if="transactions.Reconciling">
-                <input type="checkbox" @input="setReconciled" />
+            <td style="width: 80px;">
+                <input v-if="transactions.Reconciling" type="checkbox" @input="setReconciled" />
             </td>
         </tr>
-        <TransactionInputRow :budgetid="budgetid" :accountid="accountid" />
+        <TransactionInputRow class="hidden md:table-row" :budgetid="budgetid" :accountid="accountid" />
         <TransactionRow
             v-for="(transaction, index) in transactions.TransactionsList"
             :key="transaction.ID"