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

ayanova/src/components/custom-fields-control.vue

@@ -14,9 +14,9 @@
     <hr /> -->
 
     <div>
-      <v-layout align-center justify-left row wrap>
+      <v-row align-center justify-left row wrap>
         <template v-for="item in this.$store.state.formCustomTemplate[formKey]">
-          <v-flex v-if="item.type" :key="item.fld" xs12 sm6 lg4 xl3 px-2>
+          <v-col v-if="item.type" :key="item.fld" xs12 sm6 lg4 xl3 px-2>
             <div v-if="item.type === 'currency'">
               CURRENCY CONTROL HERE
             </div>
@@ -48,9 +48,9 @@
                 >UNKNOWN CUSTOM CONTROL TYPE: {{ item.type }}</span
               >
             </div>
-          </v-flex>
+          </v-col>
         </template>
-      </v-layout>
+      </v-row>
     </div>
   </div>
 </template>