ayanova/src/components/inventorypartassemblytop.vue

@@ -1,5 +1,6 @@
 <template>
-  <v-col cols="12" md4>
+  <v-container>
+    <v-col cols="12">
       <v-card class="elevation-5 transparent">
         <v-card-text class="text-center">
           <v-icon x-large color="secondary">fa-heart</v-icon>
@@ -8,13 +9,14 @@
           <div class="headline">Part assembly</div>
         </v-card-title>
         <v-card-text>
-        Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
+          Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
-        ornare. Pellentesque habitant morbi tristique senectus et netus et
+          tincidunt ornare. Pellentesque habitant morbi tristique senectus et
-        malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
+          netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
-        est vitae tellus bibendum tincidunt. Suspendisse potenti.
+          Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
         </v-card-text>
       </v-card>
     </v-col>
+  </v-container>
 </template>
 
 <script>

ayanova/src/components/inventoryparttop.vue

@@ -1,5 +1,6 @@
 <template>
-  <v-col cols="12" md4>
+  <v-container>
+    <v-col cols="12">
       <v-card class="elevation-5 transparent">
         <v-card-text class="text-center">
           <v-icon x-large color="secondary">fa-cannabis</v-icon>
@@ -8,13 +9,14 @@
           <div class="headline">Parts</div>
         </v-card-title>
         <v-card-text>
-        Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
+          Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
-        ornare. Pellentesque habitant morbi tristique senectus et netus et
+          tincidunt ornare. Pellentesque habitant morbi tristique senectus et
-        malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
+          netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
-        est vitae tellus bibendum tincidunt. Suspendisse potenti.
+          Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
         </v-card-text>
       </v-card>
     </v-col>
+  </v-container>
 </template>
 
 <script>

ayanova/src/components/inventorypotop.vue

@@ -1,4 +1,5 @@
 <template>
+  <v-container>
     <v-col cols="12">
       <v-card class="elevation-5 transparent">
         <v-card-text class="text-center">
@@ -8,13 +9,14 @@
           <div class="headline">Purchase orders</div>
         </v-card-title>
         <v-card-text>
-        Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
+          Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
-        ornare. Pellentesque habitant morbi tristique senectus et netus et
+          tincidunt ornare. Pellentesque habitant morbi tristique senectus et
-        malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
+          netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
-        est vitae tellus bibendum tincidunt. Suspendisse potenti.
+          Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
         </v-card-text>
       </v-card>
     </v-col>
+  </v-container>
 </template>
 
 <script>

ayanova/src/components/inventorywarehousetop.vue

@@ -1,4 +1,5 @@
 <template>
+  <v-container>
     <v-col cols="12">
       <v-card class="elevation-5 transparent">
         <v-card-text class="text-center">
@@ -8,13 +9,14 @@
           <div class="headline">Warehouses</div>
         </v-card-title>
         <v-card-text>
-        Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat tincidunt
+          Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
-        ornare. Pellentesque habitant morbi tristique senectus et netus et
+          tincidunt ornare. Pellentesque habitant morbi tristique senectus et
-        malesuada fames ac turpis egestas. Nullam in aliquet odio. Aliquam eu
+          netus et malesuada fames ac turpis egestas. Nullam in aliquet odio.
-        est vitae tellus bibendum tincidunt. Suspendisse potenti.
+          Aliquam eu est vitae tellus bibendum tincidunt. Suspendisse potenti.
         </v-card-text>
       </v-card>
     </v-col>
+  </v-container>
 </template>
 
 <script>

ayanova/src/components/inventorywidgetlist.vue

@@ -1,5 +1,6 @@
 <template>
-  <v-row align-center v-if="this.formState.ready">
+  <v-container>
+    <div v-if="this.formState.ready">
       <v-col cols="12" mt-1 mb-2 v-if="formState.errorBoxMessage">
         <v-alert
           ref="errorbox"
@@ -14,7 +15,7 @@
         >
       </v-col>
       <v-col cols="12">
-      <div v-if="this.formState.ready">
+        <div class="elevation-5" v-if="this.formState.ready">
           <v-toolbar flat>
             <v-toolbar-title>
               <v-icon large color="primary">fa-splotch</v-icon>
@@ -84,7 +85,8 @@
           </v-data-table>
         </div>
       </v-col>
-  </v-row>
+    </div>
+  </v-container>
 </template>
 
 <script>

ayanova/src/views/inventory.vue

@@ -18,6 +18,7 @@
     <POTop />
     <PartTop />
     <PartAssemblyTop />
+    <v-container>
       <v-col cols="12" md4>
         <v-card class="elevation-0 transparent">
           <v-card-text class="text-center">
@@ -34,6 +35,7 @@
           </v-card-text>
         </v-card>
       </v-col>
+    </v-container>
   </v-row>
 </template>