From 58683a33fb7d88f94b88b9f9f1d5ab0401aced1b Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Fri, 28 Jan 2022 10:46:56 +0000
Subject: [PATCH] Improve layout of Account

---
 web/src/pages/Account.vue       | 12 +++++++++---
 web/src/pages/BudgetSidebar.vue | 18 ++++++------------
 2 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/web/src/pages/Account.vue b/web/src/pages/Account.vue
index b9239d0..ed6ddde 100644
--- a/web/src/pages/Account.vue
+++ b/web/src/pages/Account.vue
@@ -29,16 +29,22 @@ export default {
                 <td>
                     {{transaction.GroupID ? "☀" : ""}}
                 </td>
-                <td>
+                <td class="cutoff">
                     <a :href="'/budget/'+$store.getters.CurrentBudget.ID+'/transaction/'+transaction.ID">{{transaction.Memo}}</a>
                 </td>
                 <td>
                     {{transaction.Amount.Int / 100}}
                 </td>
                 <td>
-                    {{transaction.Status}}
+                    {{transaction.Status == "Reconciled" ? "✔" : (transaction.Status == "Uncleared" ? "" : "*")}}
                 </td>
             </tr>
         </table>
     </v-container>
-</template>
\ No newline at end of file
+</template>
+
+<style>
+table {width: 100%; table-layout:fixed}
+td {overflow: hidden; white-space: nowrap;}
+td.cutoff {width: 100px;}
+</style>
\ No newline at end of file
diff --git a/web/src/pages/BudgetSidebar.vue b/web/src/pages/BudgetSidebar.vue
index dd46df5..3ef8ea9 100644
--- a/web/src/pages/BudgetSidebar.vue
+++ b/web/src/pages/BudgetSidebar.vue
@@ -16,7 +16,7 @@ export default {
   <ul>
     <li><router-link :to="'/budget/'+$store.getters.CurrentBudget.ID">Budget</router-link></li>
     <li>Reports (Coming Soon)</li>
-    <li><router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/all-accounts'">All Accounts</router-link></li>
+    <!--<li><router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/all-accounts'">All Accounts</router-link></li>-->
     <li>
       On-Budget Accounts
       <ul v-for="account in $store.getters.OnBudgetAccounts" class="two-valued">
@@ -38,17 +38,11 @@ export default {
     <li>
       Closed Accounts
     </li>
-    <li>
+    <!--<li>
       <router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/accounts'">Edit accounts</router-link>
-    </li>
-    <li>
-      + Add Account
-    </li>
-    <li>
-      <router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/settings'">Budget-Settings</router-link>
-    </li>
-    <li>
-      <router-link to="/admin">Admin</router-link>
-    </li>
+    </li>-->
+    <li>+ Add Account</li>
+    <li><router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/settings'">Budget-Settings</router-link></li>
+    <!--<li><router-link to="/admin">Admin</router-link></li>-->
 </ul>        
 </template>
\ No newline at end of file