Improve layout of Account

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>
+
+<style>
+table {width: 100%; table-layout:fixed}
+td {overflow: hidden; white-space: nowrap;}
+td.cutoff {width: 100px;}
+</style>

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>-->
-    <li>
+    <li>+ Add Account</li>
-      + Add Account
+    <li><router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/settings'">Budget-Settings</router-link></li>
-    </li>
+    <!--<li><router-link to="/admin">Admin</router-link></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>