changed all v-layout and v-flex to v-row and v-col respectively, lot's of messed up grids now :(

ayanova/src/App.vue

@@ -88,16 +88,16 @@
     </v-app-bar>
     <v-content>
       <v-container container--fluid fill-height>
-        <v-layout justify-center>
+        <v-row justify-center>
           <transition name="fade" mode="out-in" @after-leave="afterLeave">
             <router-view class="view"></router-view>
           </transition>
-        </v-layout>
+        </v-row>
       </v-container>
     </v-content>
     <v-footer v-if="!isAuthenticated">
-      <v-layout>
-        <v-flex primary py-2 text-center white--text xs12>
+      <v-row>
+        <v-col primary py-2 text-center white--text xs12>
           <div>
             <a href="https://ayanova.com" target="_blank">
               <span class="white--text caption"
@@ -105,8 +105,8 @@
               >
             </a>
           </div>
-        </v-flex>
-      </v-layout>
+        </v-col>
+      </v-row>
     </v-footer>
   </v-app>
 </template>