Redesign app bar

web/src/App.vue

@@ -30,10 +30,18 @@ export default {
 <template>
   <v-app>
     <v-app-bar app>
-      <li><a @click="toggleMenu">Menu</a></li>
-      <li v-if="!loggedIn"><router-link to="/login">Login</router-link></li>
-      <li v-if="loggedIn"><a @click="logout">Logout</a></li>
-      <li v-if="loggedIn"><router-link to="/">Dashboard</router-link></li>
+      <v-app-bar-nav-icon @click="toggleMenu" />
+
+      <v-app-bar-title>{{$store.getters.CurrentBudget.Name}}</v-app-bar-title>
+
+      <v-spacer></v-spacer>
+
+      <v-btn v-if="loggedIn"><router-link to="/">Dashboard</router-link></v-btn>
+
+      <v-spacer></v-spacer>
+
+      <v-btn v-if="!loggedIn"><router-link to="/login">Login</router-link></v-btn>
+      <v-btn v-if="loggedIn"><a @click="logout">Logout</a></v-btn>
     </v-app-bar>
 
     <v-navigation-drawer app v-model="showMenu">

web/src/pages/Settings.vue

@@ -35,7 +35,6 @@ export default {
             // <a href="/budget/{{.Budget.ID}}/settings/clean-negative">Fix all historic negative category-balances</a>
         },
         ynabImport() {
-            // <input type="hidden" name="budget_id" value="{{$store.getters.CurrentBudget.ID}}" />
             let formData = new FormData();
             formData.append("transactions", this.$data.transactionsFile);
             formData.append("assignments", this.$data.assignmentsFile);