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">