From 80b5a7abfeb669ef431aa501ef973e97bde50fb7 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Sat, 5 Feb 2022 13:48:31 +0000
Subject: [PATCH] Small layout improvements

---
 web/src/pages/BudgetSidebar.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/web/src/pages/BudgetSidebar.vue b/web/src/pages/BudgetSidebar.vue
index f645ac5..39d7e84 100644
--- a/web/src/pages/BudgetSidebar.vue
+++ b/web/src/pages/BudgetSidebar.vue
@@ -7,14 +7,16 @@ export default defineComponent({
 </script>
 
 <template>
-  <span class="text-xl">
-    <router-link to="/dashboard">⌂</router-link>
-    {{$store.getters.CurrentBudget.Name}}
-  </span>
   <div class="flex flex-col">
-    <span class="bg-orange-200 rounded-lg m-1 p-1 px-3"><router-link :to="'/budget/'+budgetid">Budget</router-link></span>
-    <li class="bg-orange-200 rounded-lg m-1 p-1 px-3">Reports (Coming Soon)</li>
-    <!--<li><router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/all-accounts'">All Accounts</router-link></li>-->
+    <span class="m-1 p-1 px-3 text-xl">
+      <router-link to="/dashboard">⌂</router-link>
+      {{$store.getters.CurrentBudget.Name}}
+    </span>
+    <span class="bg-orange-200 rounded-lg m-1 p-1 px-3 flex flex-col">
+      <router-link :to="'/budget/'+budgetid">Budget</router-link><br />
+      <span>Reports (Coming Soon)</span>
+      <router-link :to="'/budget/'+$store.getters.CurrentBudget.ID+'/all-accounts'">All Accounts</router-link>
+    </span>
     <li class="bg-orange-200 rounded-lg m-1 p-1 px-3">
       On-Budget Accounts
       <div v-for="account in $store.getters.OnBudgetAccounts" class="flex flex-row justify-between px-3">