diff --git a/ayanova/src/views/About.vue b/ayanova/src/views/About.vue
index f7e7b33b..4790c142 100644
--- a/ayanova/src/views/About.vue
+++ b/ayanova/src/views/About.vue
@@ -10,58 +10,108 @@
         transition="scale-transition"
         class="multi-line"
         outline
-      >{{ formState.errorBoxMessage }}</v-alert>
+        >{{ formState.errorBoxMessage }}</v-alert
+      >
     </v-flex>
     <v-flex>
       <v-card>
         <v-subheader>{{ this.$gzlocale.get("ClientApp") }}</v-subheader>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("Version")}}: </span><span class="body-2"> {{clientInfo.version}}</span></div>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("User")}}: </span><span class="body-2"> {{clientInfo.userName}}</span></div>
+        <div>
+          <span class="ml-4 body-1">{{ this.$gzlocale.get("Version") }}:</span>
+          <span class="body-2">{{ clientInfo.version }}</span>
+        </div>
+        <div>
+          <span class="ml-4 body-1">{{ this.$gzlocale.get("User") }}:</span>
+          <span class="body-2">{{ clientInfo.userName }}</span>
+        </div>
 
-         <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-4"></v-divider>
         <v-subheader>{{ this.$gzlocale.get("Browser") }}</v-subheader>
         <div v-for="(value, name) in clientInfo.browser" :key="name">
-          <span class="ml-4 body-1">{{name}}: </span><span class="body-2"> {{value}}</span>
+          <span class="ml-4 body-1">{{ name }}:</span>
+          <span class="body-2">{{ value }}</span>
         </div>
-       
-        
+
         <v-divider class="mt-4"></v-divider>
         <v-subheader>{{ this.$gzlocale.get("Server") }}</v-subheader>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("ServerAddress")}}: </span><span class="body-2"> {{this.$store.state.apiUrl}}</span></div>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("Version")}}: </span><span class="body-2"> {{serverInfo.serverVersion}}</span></div>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("SchemaVersion")}}: </span><span class="body-2"> {{serverInfo.dbSchemaVersion}}</span></div>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("ServerTime")}}: </span><span class="body-2"> {{serverInfo.serverLocalTime}}</span></div>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("TimeZone")}}: </span><span class="body-2"> {{serverInfo.serverTimeZone}}</span></div>
-       
+        <div>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("ServerAddress") }}:</span
+          >
+          <span class="body-2">{{ this.$store.state.apiUrl }}</span>
+        </div>
+        <div>
+          <span class="ml-4 body-1">{{ this.$gzlocale.get("Version") }}:</span>
+          <span class="body-2">{{ serverInfo.serverVersion }}</span>
+        </div>
+        <div>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("SchemaVersion") }}:</span
+          >
+          <span class="body-2">{{ serverInfo.dbSchemaVersion }}</span>
+        </div>
+        <div>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("ServerTime") }}:</span
+          >
+          <span class="body-2">{{ serverInfo.serverLocalTime }}</span>
+        </div>
+        <div>
+          <span class="ml-4 body-1">{{ this.$gzlocale.get("TimeZone") }}:</span>
+          <span class="body-2">{{ serverInfo.serverTimeZone }}</span>
+        </div>
 
-       <v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-4"></v-divider>
         <v-subheader>{{ this.$gzlocale.get("HelpLicense") }}</v-subheader>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("RegisteredUser")}}: </span><span class="body-2"> {{serverInfo.license.license.licensedTo}}</span></div>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("DatabaseID")}}: </span><span class="body-2"> {{serverInfo.license.license.dbId}}</span></div>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("LicenseSerial")}}: </span><span class="body-2"> {{serverInfo.license.license.keySerial}}</span></div>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("LicenseExpiration")}}: </span><span class="body-2"> {{serverInfo.license.license.licenseExpiration}}</span></div>
-        <div><span class="ml-4 body-1">{{this.$gzlocale.get("SupportedUntil")}}: </span><span class="body-2"> {{serverInfo.license.license.maintenanceExpiration}}</span></div>
+        <div>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("RegisteredUser") }}:</span
+          >
+          <span class="body-2">{{
+            serverInfo.license.license.licensedTo
+          }}</span>
+        </div>
+        <div>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("DatabaseID") }}:</span
+          >
+          <span class="body-2">{{ serverInfo.license.license.dbId }}</span>
+        </div>
+        <div>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("LicenseSerial") }}:</span
+          >
+          <span class="body-2">{{ serverInfo.license.license.keySerial }}</span>
+        </div>
+        <div>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("LicenseExpiration") }}:</span
+          >
+          <span class="body-2">{{
+            serverInfo.license.license.licenseExpiration
+          }}</span>
+        </div>
+        <div>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("SupportedUntil") }}:</span
+          >
+          <span class="body-2">{{
+            serverInfo.license.license.maintenanceExpiration
+          }}</span>
+        </div>
 
-<v-divider class="mt-4"></v-divider>
+        <v-divider class="mt-4"></v-divider>
         <v-subheader>{{ this.$gzlocale.get("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="body-2">{{ item.Count ? ": " + item.Count : "" }}</span>
+        </div>
 
-<div v-for="item in serverInfo.license.license.features" :key="item.Feature"><span class="ml-4 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-4"></v-divider>
       </v-card>
     </v-flex>
   </v-layout>