diff --git a/ayanova/src/views/About.vue b/ayanova/src/views/About.vue
index 20bff25e..8bce80ab 100644
--- a/ayanova/src/views/About.vue
+++ b/ayanova/src/views/About.vue
@@ -15,12 +15,32 @@
     <v-flex>
       <v-card>
         <v-subheader>{{ this.$gzlocale.get("ClientApp") }}</v-subheader>
-        <div class="ml-4 body-2">{{this.$gzlocale.get("Version")}}: {{clientInfo.version}}</div>
-
-        {{this.$gzlocale.get("User")}}: {{clientInfo.userName}}
-        <v-divider></v-divider>
+        <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-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>
+        </div>
+       
+        
+        <v-divider class="mt-4"></v-divider>
         <v-subheader>{{ this.$gzlocale.get("Server") }}</v-subheader>
-        {{this.$gzlocale.get("ServerAddress")}}: {{this.$store.state.apiUrl}}
+        <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-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>
+         <v-divider class="mt-4"></v-divider>
       </v-card>
     </v-flex>
   </v-layout>