From d3c14e968f6b7adeab1a27a7565c7284bef047f7 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Thu, 21 Feb 2019 20:48:24 +0000
Subject: [PATCH]

---
 ayanova/src/App.vue                         |   6 +-
 ayanova/src/views/inventory-widget-edit.vue | 154 ++++++++++----------
 2 files changed, 82 insertions(+), 78 deletions(-)

diff --git a/ayanova/src/App.vue b/ayanova/src/App.vue
index f92884cd..239e1521 100644
--- a/ayanova/src/App.vue
+++ b/ayanova/src/App.vue
@@ -27,9 +27,9 @@
       </v-btn>
     </v-toolbar>
     <v-content>
-      <v-container fluid fill-height>
-        <v-layout justify-center align-center>
-          <router-view></router-view>
+      <v-container fluid fill-height >
+        <v-layout justify-center >
+          <router-view ></router-view>
         </v-layout>
       </v-container>
     </v-content>
diff --git a/ayanova/src/views/inventory-widget-edit.vue b/ayanova/src/views/inventory-widget-edit.vue
index 11b2498e..a8c40b4d 100644
--- a/ayanova/src/views/inventory-widget-edit.vue
+++ b/ayanova/src/views/inventory-widget-edit.vue
@@ -1,79 +1,83 @@
 <template>
-  <form>
-    <v-layout align-center justify-left row wrap>
-      <v-flex xs12 sm6 lg4 xl3 grow>
-        <v-text-field
-          v-model="obj.name"
-          v-validate="'required|max:10'"
-          :counter="10"
-          :error-messages="errors.collect('name')"
-          label="Name"
-          data-vv-name="name"
-          required
-        ></v-text-field>
-      </v-flex>
-      <v-flex xs12 sm6 lg4 xl3 grow>
-        <v-text-field
-          v-model="obj.serial"
-          v-validate="'required|max:10'"
-          :counter="10"
-          :error-messages="errors.collect('serial')"
-          label="Serial"
-          data-vv-name="serial"
-          required
-        ></v-text-field>
-      </v-flex>
-      <v-flex xs12 sm6 lg4 xl3 grow>
-        <v-text-field
-          v-model="obj.count"
-          v-validate="'required|max:10'"
-          :counter="10"
-          :error-messages="errors.collect('count')"
-          label="Count"
-          data-vv-name="count"
-          required
-        ></v-text-field>
-      </v-flex>
-      <v-flex xs12 sm6 lg4 xl3 grow>
-        <v-text-field
-          v-model="email"
-          v-validate="'required|email'"
-          :error-messages="errors.collect('email')"
-          label="E-mail"
-          data-vv-name="email"
-          required
-        ></v-text-field>
-      </v-flex>
-      <v-flex xs12 sm6 lg4 xl3 grow>
-        <v-select
-          v-model="select"
-          v-validate="'required'"
-          :items="items"
-          :error-messages="errors.collect('select')"
-          label="Select"
-          data-vv-name="select"
-          required
-        ></v-select>
-      </v-flex>
-      <v-flex xs12 sm6 lg4 xl3 grow>
-        <v-checkbox
-          v-model="obj.active"
-          v-validate="'required'"
-          :error-messages="errors.collect('checkbox')"
-          value="1"
-          label="Option"
-          data-vv-name="checkbox"
-          required
-        ></v-checkbox>
-      </v-flex>
-    </v-layout>
-    <v-layout>
-      <v-flex xs12 grow>
-        <v-btn @click="submit">submit</v-btn>
-        <v-btn @click="clear">clear</v-btn>
-      </v-flex>
-    </v-layout>
-  </form>
+  <v-layout>
+    <v-flex>
+      <form>
+        <v-layout align-center justify-left row wrap>
+          <v-flex xs12 sm6 lg4 xl3 grow>
+            <v-text-field
+              v-model="obj.name"
+              v-validate="'required|max:10'"
+              :counter="10"
+              :error-messages="errors.collect('name')"
+              label="xxxName"
+              data-vv-name="name"
+              required
+            ></v-text-field>
+          </v-flex>
+          <v-flex xs12 sm6 lg4 xl3 grow>
+            <v-text-field
+              v-model="obj.serial"
+              v-validate="'required|max:10'"
+              :counter="10"
+              :error-messages="errors.collect('serial')"
+              label="Serial"
+              data-vv-name="serial"
+              required
+            ></v-text-field>
+          </v-flex>
+          <v-flex xs12 sm6 lg4 xl3 grow>
+            <v-text-field
+              v-model="obj.count"
+              v-validate="'required|max:10'"
+              :counter="10"
+              :error-messages="errors.collect('count')"
+              label="Count"
+              data-vv-name="count"
+              required
+            ></v-text-field>
+          </v-flex>
+          <v-flex xs12 sm6 lg4 xl3 grow>
+            <v-text-field
+              v-model="email"
+              v-validate="'required|email'"
+              :error-messages="errors.collect('email')"
+              label="E-mail"
+              data-vv-name="email"
+              required
+            ></v-text-field>
+          </v-flex>
+          <v-flex xs12 sm6 lg4 xl3 grow>
+            <v-select
+              v-model="select"
+              v-validate="'required'"
+              :items="items"
+              :error-messages="errors.collect('select')"
+              label="Select"
+              data-vv-name="select"
+              required
+            ></v-select>
+          </v-flex>
+          <v-flex xs12 sm6 lg4 xl3 grow>
+            <v-checkbox
+              v-model="obj.active"
+              v-validate="'required'"
+              :error-messages="errors.collect('checkbox')"
+              value="1"
+              label="Option"
+              data-vv-name="checkbox"
+              required
+            ></v-checkbox>
+          </v-flex>
+        </v-layout>
+        <v-layout>
+          <v-flex xs12 grow>
+            <v-btn @click="submit">submit</v-btn>
+            <v-btn @click="clear">clear</v-btn>
+          </v-flex>
+        </v-layout>
+      </form>
+    </v-flex>
+  </v-layout>
 </template>
 
 <script>