Added additional layout fixes and improvements

Author: davidroyer

layouts/default.vue

@@ -23,7 +23,7 @@
         </v-list-tile>
       </v-list>
     </v-navigation-drawer>
-    <v-toolbar app fixed>
+    <v-toolbar app >
       <v-btn
         icon
         @click.native.stop="drawer = !drawer">
@@ -64,12 +64,18 @@
         </v-menu>
       </div>
     </v-toolbar>
+  <!-- <v-content>
+    <v-container fluid>
+      <router-view></router-view>
+    </v-container>
+  </v-content>
+       -->
     <v-content>
      <v-container fluid>
       <nuxt />
      </v-container>
    </v-content>
-    <v-footer :fixed="fixed" app>
+    <v-footer app :fixed="fixed" class="justify-center px-4">
       <span>&copy; 2017</span>
     </v-footer>
   </v-app>
@@ -79,7 +85,7 @@
 export default {
   data () {
     return {
-      drawer: true,
+      drawer: null,
       fixed: false,
       items: [
         { icon: 'home', title: 'Welcome', to: '/' },

pages/index.vue

@@ -1,28 +1,28 @@
 <template>
-    <v-layout text-xs-center>
-      <v-flex xs12 md8 offset-md2>
-        <div class="wrapper">
+  <v-layout justify-center align-center>
+    <v-flex xs12 sm8>
+        <div class="mt-5">
           <div v-if="!$store.state.user">
             <login-form></login-form>
-            <!-- <v-btn outline large flat nuxt @click="$router.push('/login')" primary>Sign In</v-btn> -->
           </div>
-          <div v-else class="flexWrapper">
+          <div v-else class="flexWrapper align-center">
             <h4 class="blue--text">You're logged in!</h4>
             <v-btn icon class="blue white--text">
               <v-icon>thumb_up</v-icon>
             </v-btn>
           </div>
         </div>
-      </v-flex>
-    </v-layout>
+    </v-flex>
+  </v-layout>
+
 </template>
 
 <script>
 import LoginForm from '~/components/LoginForm'
 
 export default {
-components: {
-  LoginForm
+  components: {
+    LoginForm
   }
 }
 </script>