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

ayanova/src/components/inventorywidgetlist.vue

@@ -1,6 +1,6 @@
 <template>
-  <v-layout column wrap class="my-12" align-center v-if="this.formState.ready">
-    <v-flex xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
+  <v-row column wrap class="my-12" align-center v-if="this.formState.ready">
+    <v-col xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
       <v-alert
         ref="errorbox"
         v-show="formState.errorBoxMessage"
@@ -12,8 +12,8 @@
         outline
         >{{ formState.errorBoxMessage }}</v-alert
       >
-    </v-flex>
-    <v-flex xs12 md12>
+    </v-col>
+    <v-col xs12 md12>
       <div v-if="this.formState.ready">
         <v-toolbar flat>
           <v-toolbar-title>
@@ -83,8 +83,8 @@
           </template>
         </v-data-table>
       </div>
-    </v-flex>
-  </v-layout>
+    </v-col>
+  </v-row>
 </template>
 
 <script>