diff --git a/ayanova/src/App.vue b/ayanova/src/App.vue
index c6872760..1118da1c 100644
--- a/ayanova/src/App.vue
+++ b/ayanova/src/App.vue
@@ -23,7 +23,7 @@
       fixed
     >
       <v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
-      <v-toolbar-title style="width: 300px" class="ml-0 pl-3">
+      <v-toolbar-title style="width: 300px" class="ml-0 pl-4">
         <v-icon>{{ appBar.icon }}</v-icon
         >&nbsp;
         <span>{{ appBar.title }}</span>
@@ -45,7 +45,7 @@
           </v-btn>
         </template>
         <v-spacer></v-spacer>
-        <v-menu bottom left>
+        <v-menu bottom float-left>
           <template v-slot:activator="{ on }">
             <v-btn text icon v-on="on">
               <v-icon>fa-ellipsis-v</v-icon>
@@ -87,7 +87,7 @@
       </v-toolbar-items>
     </v-app-bar>
     <v-content>
-      <v-container fluid fill-height>
+      <v-container container--fluid fill-height>
         <v-layout justify-center>
           <transition name="fade" mode="out-in" @after-leave="afterLeave">
             <router-view class="view"></router-view>
@@ -97,7 +97,7 @@
     </v-content>
     <v-footer v-if="!isAuthenticated">
       <v-layout>
-        <v-flex primary py-2 text-xs-center white--text xs12>
+        <v-flex primary py-2 text-center white--text xs12>
           <div>
             <a href="https://ayanova.com" target="_blank">
               <span class="white--text caption"
diff --git a/ayanova/src/components/HelloWorld.vue b/ayanova/src/components/HelloWorld.vue
index 1ab92705..7d5de946 100644
--- a/ayanova/src/components/HelloWorld.vue
+++ b/ayanova/src/components/HelloWorld.vue
@@ -1,16 +1,16 @@
 <template>
   <v-container>
-    <v-layout text-xs-center wrap>
+    <v-layout text-center wrap>
       <v-flex xs12>
         <v-img
           :src="require('../assets/logo.svg')"
-          class="my-3"
+          class="my-4"
           contain
           height="200"
         ></v-img>
       </v-flex>
-      <v-flex mb-4 v-if="this.formReady">
-        <h1 class="display-2 font-weight-bold mb-3">
+      <v-flex mb-6 v-if="this.formReady">
+        <h1 class="display-2 font-weight-bold mb-4">
           {{ lt("Welcome") }}
         </h1>
       </v-flex>
diff --git a/ayanova/src/components/inventorypartassemblytop.vue b/ayanova/src/components/inventorypartassemblytop.vue
index 81532d8d..d0f10082 100644
--- a/ayanova/src/components/inventorypartassemblytop.vue
+++ b/ayanova/src/components/inventorypartassemblytop.vue
@@ -1,7 +1,7 @@
 <template>
   <v-flex xs12 md4>
     <v-card class="elevation-5 transparent">
-      <v-card-text class="text-xs-center">
+      <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-heart</v-icon>
       </v-card-text>
       <v-card-title primary-title class="layout justify-center">
diff --git a/ayanova/src/components/inventoryparttop.vue b/ayanova/src/components/inventoryparttop.vue
index ade32106..01bc9e32 100644
--- a/ayanova/src/components/inventoryparttop.vue
+++ b/ayanova/src/components/inventoryparttop.vue
@@ -1,7 +1,7 @@
 <template>
   <v-flex xs12 md4>
     <v-card class="elevation-5 transparent">
-      <v-card-text class="text-xs-center">
+      <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-cannabis</v-icon>
       </v-card-text>
       <v-card-title primary-title class="layout justify-center">
diff --git a/ayanova/src/components/inventorypotop.vue b/ayanova/src/components/inventorypotop.vue
index 164896ad..6677e108 100644
--- a/ayanova/src/components/inventorypotop.vue
+++ b/ayanova/src/components/inventorypotop.vue
@@ -1,7 +1,7 @@
 <template>
   <v-flex xs12 md4>
     <v-card class="elevation-5 transparent">
-      <v-card-text class="text-xs-center">
+      <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-crow</v-icon>
       </v-card-text>
       <v-card-title primary-title class="layout justify-center">
diff --git a/ayanova/src/components/inventorywarehousetop.vue b/ayanova/src/components/inventorywarehousetop.vue
index ab994071..c0af9204 100644
--- a/ayanova/src/components/inventorywarehousetop.vue
+++ b/ayanova/src/components/inventorywarehousetop.vue
@@ -1,7 +1,7 @@
 <template>
   <v-flex xs12 md4>
     <v-card class="elevation-5 transparent">
-      <v-card-text class="text-xs-center">
+      <v-card-text class="text-center">
         <v-icon x-large color="secondary">fa-heart </v-icon>
       </v-card-text>
       <v-card-title primary-title class="layout justify-center">
diff --git a/ayanova/src/components/inventorywidgetlist.vue b/ayanova/src/components/inventorywidgetlist.vue
index 9cc7b6ce..3cd383cc 100644
--- a/ayanova/src/components/inventorywidgetlist.vue
+++ b/ayanova/src/components/inventorywidgetlist.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-layout column wrap class="my-5" align-center v-if="this.formState.ready">
+  <v-layout column wrap class="my-12" align-center v-if="this.formState.ready">
     <v-flex xs12 mt-1 mb-2 v-if="formState.errorBoxMessage">
       <v-alert
         ref="errorbox"
diff --git a/ayanova/src/views/About.vue b/ayanova/src/views/About.vue
index 69b02825..06ec24be 100644
--- a/ayanova/src/views/About.vue
+++ b/ayanova/src/views/About.vue
@@ -17,117 +17,117 @@
       <v-card id="aboutinfocard">
         <v-subheader>{{ lt("ClientApp") }}</v-subheader>
         <div>
-          <span class="ml-4 body-1">{{ lt("Version") }}:</span>
+          <span class="ml-6 body-1">{{ lt("Version") }}:</span>
           <span class="body-2">{{ clientInfo.version }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("User") }}:</span>
+          <span class="ml-6 body-1">{{ lt("User") }}:</span>
           <span class="body-2">{{ this.$store.state.userName }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("UserTimeZoneOffset") }}:</span>
+          <span class="ml-6 body-1">{{ lt("UserTimeZoneOffset") }}:</span>
           <span class="body-2">
             {{ ltFormat().timeZoneOffset }}
           </span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("DecimalSeparator") }}:</span>
+          <span class="ml-6 body-1">{{ lt("DecimalSeparator") }}:</span>
           <span class="body-2">{{ ltFormat().decimalSeparator }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("CurrencySymbol") }}:</span>
+          <span class="ml-6 body-1">{{ lt("CurrencySymbol") }}:</span>
           <span class="body-2">{{ ltFormat().currencySymbol }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("ShortDateFormat") }}:</span>
+          <span class="ml-6 body-1">{{ lt("ShortDateFormat") }}:</span>
           <span class="body-2">{{ ltFormat().shortDate }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("ShortTimeFormat") }}:</span>
+          <span class="ml-6 body-1">{{ lt("ShortTimeFormat") }}:</span>
           <span class="body-2">{{ ltFormat().shortTime }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ lt("ShortDateAndTimeFormat") }}: </span>
+          <span class="ml-6 body-1">{{ lt("ShortDateAndTimeFormat") }}: </span>
           <span class="body-2">{{ ltFormat().shortDateAndTime }}</span>
         </div>
 
-        <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ lt("Browser") }}</v-subheader>
         <div v-for="(value, name) in clientInfo.browser" :key="name">
-          <span class="ml-4 body-1">{{ name }}:</span>
+          <span class="ml-6 body-1">{{ name }}:</span>
           <span class="body-2">{{ value }}</span>
         </div>
 
-        <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ lt("Server") }}</v-subheader>
         <div>
-          <span class="ml-4 body-1">{{ lt("ServerAddress") }}:</span>
+          <span class="ml-6 body-1">{{ lt("ServerAddress") }}:</span>
           <span class="body-2">{{ this.$store.state.apiUrl }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("Version") }}:</span>
+          <span class="ml-6 body-1">{{ lt("Version") }}:</span>
           <span class="body-2">{{ serverInfo.serverVersion }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("SchemaVersion") }}:</span>
+          <span class="ml-6 body-1">{{ lt("SchemaVersion") }}:</span>
           <span class="body-2">{{ serverInfo.dbSchemaVersion }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("ServerTime") }}:</span>
+          <span class="ml-6 body-1">{{ lt("ServerTime") }}:</span>
           <span class="body-2">{{ serverInfo.serverLocalTime }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("TimeZone") }}:</span>
+          <span class="ml-6 body-1">{{ lt("TimeZone") }}:</span>
           <span class="body-2">{{ serverInfo.serverTimeZone }}</span>
         </div>
 
-        <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ lt("HelpLicense") }}</v-subheader>
         <div>
-          <span class="ml-4 body-1">{{ lt("RegisteredUser") }}:</span>
+          <span class="ml-6 body-1">{{ lt("RegisteredUser") }}:</span>
           <span class="body-2">{{
             serverInfo.license.license.licensedTo
           }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("DatabaseID") }}:</span>
+          <span class="ml-6 body-1">{{ lt("DatabaseID") }}:</span>
           <span class="body-2">{{ serverInfo.license.license.dbId }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("LicenseSerial") }}:</span>
+          <span class="ml-6 body-1">{{ lt("LicenseSerial") }}:</span>
           <span class="body-2">{{ serverInfo.license.license.keySerial }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("LicenseExpiration") }}:</span>
+          <span class="ml-6 body-1">{{ lt("LicenseExpiration") }}:</span>
           <span class="body-2">{{
             serverInfo.license.license.licenseExpiration
           }}</span>
         </div>
         <div>
-          <span class="ml-4 body-1">{{ lt("SupportedUntil") }}:</span>
+          <span class="ml-6 body-1">{{ lt("SupportedUntil") }}:</span>
           <span class="body-2">{{
             serverInfo.license.license.maintenanceExpiration
           }}</span>
         </div>
 
-        <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-6"></v-divider>
         <v-subheader>{{ lt("LicensedOptions") }}</v-subheader>
 
         <div
           v-for="item in serverInfo.license.license.features"
           :key="item.Feature"
         >
-          <span class="ml-4 body-1">{{ item.Feature }}</span>
+          <span class="ml-6 body-1">{{ item.Feature }}</span>
           <span class="body-2">{{ item.Count ? ": " + item.Count : "" }}</span>
         </div>
 
-        <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-6"></v-divider>
       </v-card>
     </v-flex>
   </v-layout>
diff --git a/ayanova/src/views/inventory-widget-edit.vue b/ayanova/src/views/inventory-widget-edit.vue
index 76b9536e..ffc90617 100644
--- a/ayanova/src/views/inventory-widget-edit.vue
+++ b/ayanova/src/views/inventory-widget-edit.vue
@@ -172,10 +172,10 @@
             <!-- v-model="obj.customFields" -->
           </v-flex>
         </v-layout>
-        <!-- <v-layout align-left justify-center row wrap mt-5>
+        <!-- <v-layout align-left justify-center row wrap mt-12>
           <v-flex xs6 sm4> FORMtags: {{ obj.tags }} </v-flex>
         </v-layout> -->
-        <!-- <v-layout align-left justify-center row wrap mt-5>
+        <!-- <v-layout align-left justify-center row wrap mt-12>
           <v-flex xs6 sm4>
             READY: {{ formState.ready }}
             <br />
diff --git a/ayanova/src/views/inventory.vue b/ayanova/src/views/inventory.vue
index 046c4085..9150d280 100644
--- a/ayanova/src/views/inventory.vue
+++ b/ayanova/src/views/inventory.vue
@@ -22,11 +22,11 @@
     <PartAssemblyTop />
     <v-flex xs12 md4>
       <v-card class="elevation-0 transparent">
-        <v-card-text class="text-xs-center">
+        <v-card-text class="text-center">
           <v-icon x-large color="accent">fa-lightbulb</v-icon>
         </v-card-text>
         <v-card-title primary-title class="layout justify-center">
-          <div class="headline text-xs-center">Material Design</div>
+          <div class="headline text-center">Material Design</div>
         </v-card-title>
         <v-card-text>
           Cras facilisis mi vitae nunc lobortis pharetra. Nulla volutpat
diff --git a/ayanova/src/views/login.vue b/ayanova/src/views/login.vue
index d5466425..8424aec5 100644
--- a/ayanova/src/views/login.vue
+++ b/ayanova/src/views/login.vue
@@ -1,18 +1,18 @@
 <template>
-  <v-container fluid>
+  <v-container container--fluid>
     <v-layout row wrap>
-      <v-flex xs12 class="hidden-sm-and-down text-xs-center" mt-5 ml-5 pl-5>
+      <v-flex xs12 class="hidden-sm-and-down text-center" mt-12 ml-12 pl-12>
         <v-img
           :src="require('../assets/logo.svg')"
-          class="my-3"
+          class="my-4"
           contain
           height="200"
         ></v-img>
       </v-flex>
-      <v-flex xs12 class="hidden-md-and-up text-xs-center">
+      <v-flex xs12 class="hidden-md-and-up text-center">
         <v-img :src="require('../assets/logo.svg')" contain height="64"></v-img>
       </v-flex>
-      <v-flex xs12 sm6 offset-sm3 mt-3>
+      <v-flex xs12 sm6 offset-sm3 mt-4>
         <form>
           <v-layout column>
             <v-flex>
@@ -46,7 +46,7 @@
                 v-on:keyup.enter="login"
               ></v-text-field>
             </v-flex>
-            <v-flex class="text-xs-center" mt-1>
+            <v-flex class="text-center" mt-1>
               <v-btn color="primary" v-on:click="login()">
                 <v-icon>fa-sign-in-alt</v-icon>
               </v-btn>
diff --git a/ayanova/src/views/notfound.vue b/ayanova/src/views/notfound.vue
index b078326d..caa3e630 100644
--- a/ayanova/src/views/notfound.vue
+++ b/ayanova/src/views/notfound.vue
@@ -2,7 +2,7 @@
   <v-container>
     <v-layout justify-center>
       <v-flex xs12>
-        <div class="text-xs-center">
+        <div class="text-center">
           <v-icon color="red" size="100">fa-dragon</v-icon>
           <div class="headline">
             {{ "404 - " + window.$gz.locale.get("ErrorAPI2010") }}