cat editor: updates for vuetify 2

cateditor/src/components/CatalogInfo.vue

@@ -1,16 +1,8 @@
 <template>
-  <v-container fluid grid-list-sm>
+  <v-container fluid>
 
-    <!--
-    <v-layout row>
-      <v-flex xs8>
-        <h2>Catalog Info</h2>
-      </v-flex>
-    </v-layout>
-    -->
-
-    <v-layout row>
-      <v-flex xs8>
+    <v-row>
+      <v-col cols="8">
         <v-text-field
           v-model="name"
           label="Catalog name"
@@ -19,11 +11,11 @@
           class="headline font-weight-medium"
           height="30px"
         ></v-text-field>
-      </v-flex>
-    </v-layout>
+      </v-col>
+    </v-row>
 
-    <v-layout row>
-      <v-flex xs4>
+    <v-row>
+      <v-col cols="4">
         <v-select
           v-model="season"
           :items="seasons"
@@ -31,8 +23,8 @@
           item-text="name"
           :rules="[rules.required]"
           label="Season"></v-select>
-      </v-flex>
-      <v-flex xs4>
+      </v-col>
+      <v-col cols="4">
         <v-select
           v-model="region"
           :items="regions"
@@ -42,11 +34,11 @@
           label="Region"
           class="pl-4"
         ></v-select>
-      </v-flex>
-    </v-layout>
+      </v-col>
+    </v-row>
 
-    <v-layout row>
-      <v-flex xs8>
+    <v-row>
+      <v-col cols="8">
         <v-text-field
           v-model="email"
           :rules="[rules.emailRules]"
@@ -54,29 +46,29 @@
           hint="Get notified when the catalog PDF is done"
           persistent-hint
         ></v-text-field>
-      </v-flex>
-    </v-layout>
+      </v-col>
+    </v-row>
 
-    <v-layout row>
-      <v-flex xs4>
+    <v-row>
+      <v-col cols="4">
         <v-checkbox
           v-model="isPublic"
           label="Public"
         ></v-checkbox>
-      </v-flex>
-      <v-flex xs4>
+      </v-col>
+      <v-col cols="4">
         <v-checkbox v-model="prices" label="Show prices"></v-checkbox>
-      </v-flex>
-    </v-layout>
+      </v-col>
+    </v-row>
 
-    <v-layout row>
-      <v-flex xs4 v-if="isAdmin">
+    <v-row>
+      <v-col cols="4" v-if="isAdmin">
         <v-checkbox v-model="utility" label="Is Utility?"></v-checkbox>
-      </v-flex>
-      <v-flex xs4 v-if="isAdmin">
+      </v-col>
+      <v-col cols="4" v-if="isAdmin">
         <v-checkbox v-model="master" label="Region master"></v-checkbox>
-      </v-flex>
-    </v-layout>
+      </v-col>
+    </v-row>
 
   </v-container>
 </template>