Improved app layout a bit

app/imports/ui/layouts/AppLayout.vue

@@ -1,6 +1,6 @@
 <template>
   <v-app :dark="darkMode" :light="!darkMode">
-    <v-navigation-drawer app v-model="drawer">
+    <v-navigation-drawer app v-model="drawer" clipped>
       <Sidebar/>
     </v-navigation-drawer>
 		<router-view></router-view>

app/imports/ui/layouts/Sidebar.vue

@@ -1,18 +1,5 @@
 <template>
   <div class="sidebar">
-		<v-toolbar color="secondary" dark>
-			<v-layout row align-center v-if="signedIn">
-				{{userName}}
-				<v-spacer></v-spacer>
-				<v-tooltip bottom>
-					<v-btn flat icon slot="activator" to="/account"><v-icon>settings</v-icon></v-btn>
-					<span>Account Settings</span>
-				</v-tooltip>
-			</v-layout>
-			<v-layout row justify-center v-else="signedIn">
-				<v-btn flat to="/sign-in">Sign in</v-btn>
-			</v-layout>
-		</v-toolbar>
 		<v-alert
 			:value="showWarning"
 			type="warning"
@@ -25,7 +12,24 @@
 				<v-btn @click="showWarning = false">I won't</v-btn>
 			</div>
 		</v-alert>
+		<v-layout row justify-center v-if="!signedIn">
+			<v-btn flat to="/sign-in">Sign in</v-btn>
+		</v-layout>
     <v-list>
+			<v-list-tile v-if="signedIn">
+				<v-list-tile-content>
+					<v-list-tile-title>
+						{{userName}}
+					</v-list-tile-title>
+        </v-list-tile-content>
+				<v-list-tile-action>
+					<v-tooltip bottom>
+						<v-btn flat icon slot="activator" to="/account"><v-icon>settings</v-icon></v-btn>
+						<span>Account Settings</span>
+					</v-tooltip>
+        </v-list-tile-action>
+			</v-list-tile>
+
       <v-list-tile
         v-for="(link, i) in links"
 				v-if="link.vif || link.vif === undefined"

app/imports/ui/layouts/ToolbarLayout.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <v-toolbar app color="secondary" dark>
+    <v-toolbar app color="secondary" dark clipped-left>
       <v-btn flat icon @click="toggleDrawer">
         <v-icon>menu</v-icon>
       </v-btn>