ayanova/src/App.vue

@@ -95,18 +95,12 @@
         </v-row>
       </v-container>
     </v-content>
-    <v-footer v-if="!isAuthenticated">
+    <v-footer color="primary" padless v-if="!isAuthenticated">
-      <v-row>
-        <v-col primary py-2 text-center white--text xs12>
       <div>
-            <a href="https://ayanova.com" target="_blank">
+        <a href="https://ayanova.com" target="_blank" class="white--text">
-              <span class="white--text caption"
+          <span>AyaNova ({{ version }}) {{ copyright }}</span>
-                >AyaNova ({{ version }}) {{ copyright }}</span
-              >
         </a>
       </div>
-        </v-col>
-      </v-row>
     </v-footer>
   </v-app>
 </template>

ayanova/src/components/HelloWorld.vue

@@ -1,16 +1,16 @@
 <template>
   <v-container>
-    <v-row text-center wrap>
+    <v-row>
-      <v-col xs12>
+      <v-col cols="12">
         <v-img
           :src="require('../assets/logo.svg')"
-          class="my-4"
           contain
           height="200"
+          position="center top"
         ></v-img>
       </v-col>
-      <v-col mb-6 v-if="this.formReady">
+      <v-col cols="12" v-if="this.formReady">
-        <h1 class="display-2 font-weight-bold mb-4">
+        <h1 class="display-1 font-weight-bold text-center">
           {{ lt("Welcome") }}
         </h1>
       </v-col>

ayanova/src/plugins/vuetify.js

@@ -33,9 +33,9 @@ import Vuetify from "vuetify/lib";
 Vue.use(Vuetify);
 
 export default new Vuetify({
-  icons: {
-    iconfont: "fa",
   theme: {
+    themes: {
+      light: {
         primary: "#00205B", //Canucks dark blue
         secondary: "#00843D", //canucks green
 
@@ -48,4 +48,23 @@ export default new Vuetify({
         disabled: "#e0e0e0"
       }
     }
+  },
+  icons: {
+    iconfont: "fa"
+  }
 });
+
+/**
+ * 
+export default new Vuetify({
+  theme: {
+    themes: {
+      light: {
+        primary: colors.red.darken1, // #E53935
+        secondary: colors.red.lighten4, // #FFCDD2
+        accent: colors.indigo.base, // #3F51B5
+      },
+    },
+  },
+})
+ */

ayanova/src/views/login.vue

@@ -1,11 +1,12 @@
 <template>
   <v-container fluid>
     <v-row>
-      <v-col cols="12" offset="1" class="d-none d-md-flex">
+      <v-col cols="12" offset="0" align-self="center" class="d-none d-md-flex">
         <v-img
           :src="require('../assets/logo.svg')"
           contain
           height="200"
+          position="center top"
         ></v-img>
       </v-col>
       <v-col cols="12" class="d-flex d-md-none">