From 6b86abb84702fa850c6748a9e3ea11bd7f83e890 Mon Sep 17 00:00:00 2001
From: Seth Ladygo <alx-git@arclight.industries>
Date: Tue, 1 Oct 2019 16:32:00 -0700
Subject: [PATCH] CatalogList: layout updates for vuetify 2.0

---
 cateditor/src/components/CatalogList.vue | 41 ++++++++++++------------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/cateditor/src/components/CatalogList.vue b/cateditor/src/components/CatalogList.vue
index 60a0f36..c24878f 100644
--- a/cateditor/src/components/CatalogList.vue
+++ b/cateditor/src/components/CatalogList.vue
@@ -1,20 +1,23 @@
 <template>
-  <v-container fluid grid-list-lg>
-    <v-layout row>
-      <v-flex xs3 class="pa-0 ma-0">
+  <v-container fluid>
+    <v-row>
+      <v-col cols="3">
         <v-btn color="primary"
                class="black--text"
                href="/catalog/new">New Catalog</v-btn>
-      </v-flex>
-      <v-flex xs9>
-      </v-flex>
-    </v-layout>
+      </v-col>
+      <v-col cols="9">
+      </v-col>
+    </v-row>
 
-    <v-layout row>
-      <v-flex xs8>
+    <v-row>
+      <v-col cols="8">
 
-        <v-card class="pa-0">
-          <v-tabs v-model="activeTab" color="keen_light_grey" slider-color="keen_dark_grey">
+        <v-card>
+          <v-tabs v-model="activeTab"
+                  color="keen_dark_grey"
+                  background-color="keen_light_grey"
+                  slider-color="keen_dark_grey">
             <v-tab key="mine">My Catalogs</v-tab>
             <v-tab key="public">Public Catalogs</v-tab>
 
@@ -126,9 +129,9 @@
           </v-tabs>
         </v-card>
 
-      </v-flex>
+      </v-col>
 
-      <v-flex xs4>
+      <v-col cols="4">
         <v-card v-if="selectedCatalog">
           <v-toolbar dense color="keen_light_grey" class="elevation-0">
             <v-toolbar-title color="primary" class="headline">
@@ -191,12 +194,10 @@
             </tr>
           </table>
 
-          <v-divider></v-divider>
           <v-card-text>
-            <v-btn class="ma-0" small text :href="'/catalog/edit/' + selectedCatalog.id">Edit</v-btn>
-            <v-btn
-              class="ma-0"
-              small text
+            <v-btn small outlined class="ma-2"
+              :href="'/catalog/edit/' + selectedCatalog.id">Edit</v-btn>
+            <v-btn small outlined class="ma-2"
               :disabled="selectedCatalog.build_progress < 100"
               :href="selectedCatalog.pdf">Download</v-btn>
             <!-- <v-btn class="ma-0" small text>Share</v-btn> -->
@@ -205,8 +206,8 @@
         <v-card v-else>
           <v-card-text class="grey--text">No catalog selected</v-card-text>
         </v-card>
-      </v-flex>
-    </v-layout>
+      </v-col>
+    </v-row>
 
   </v-container>
 </template>