From 2c71c521f9e6ad3aae3dcf267d6b7570de477975 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Wed, 9 Feb 2022 21:57:25 +0000
Subject: [PATCH] Add bordersr to inputs

---
 web/src/components/Autocomplete.vue | 2 +-
 web/src/pages/Account.vue           | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/components/Autocomplete.vue b/web/src/components/Autocomplete.vue
index 4ce4fa9..e4e14ba 100644
--- a/web/src/components/Autocomplete.vue
+++ b/web/src/components/Autocomplete.vue
@@ -88,7 +88,7 @@ export default defineComponent({
 
 <template>
     <div>
-        <input @keypress="keypress" v-if="Selected == undefined" v-model="SearchQuery" />
+        <input class="border-b-2 border-black" @keypress="keypress" v-if="Selected == undefined" v-model="SearchQuery" />
         <span @click="clear" v-if="Selected != undefined" class="bg-gray-300">{{Selected.Name}}</span>
         <div v-if="Suggestions.length > 0" class="absolute bg-gray-400 w-64 p-2">
             <span v-for="suggestion in Suggestions" class="block" @click="select" :value="suggestion.ID">
diff --git a/web/src/pages/Account.vue b/web/src/pages/Account.vue
index ca8e2aa..38ef5dc 100644
--- a/web/src/pages/Account.vue
+++ b/web/src/pages/Account.vue
@@ -57,7 +57,7 @@ export default defineComponent({
             </tr>
             <tr>
                 <td style="width: 90px;" class="text-sm">
-                    <input type="date" v-model="TransactionDate" />
+                    <input class="border-b-2 border-black" type="date" v-model="TransactionDate" />
                 </td>
                 <td style="max-width: 150px;">
                     <Autocomplete v-model="Payee" type="payees" />
@@ -66,10 +66,10 @@ export default defineComponent({
                     <Autocomplete v-model="Category" type="categories" />
                 </td>
                 <td>
-                    <input type="text" v-model="Memo" />
+                    <input class="block w-full border-b-2 border-black" type="text" v-model="Memo" />
                 </td>
                 <td style="width: 80px;" class="text-right">
-                    <input class="text-right" type="currency" v-model="Amount" />
+                    <input class="text-right block w-full border-b-2 border-black" type="currency" v-model="Amount" />
                 </td>
                 <td style="width: 20px;">
                     <input type="submit" @click="saveTransaction" value="Save" />