admin panel display improvements

website/client/src/components/admin-panel/index.vue

@@ -51,7 +51,7 @@
 
   .admin-panel-content {
     flex: 0 0 800px;
-    max-width: unset;
+    max-width: 800px;
   }
 </style>
 

website/client/src/components/admin-panel/user-support/cronAndAuth.vue

@@ -29,16 +29,17 @@
           <strong class="col-sm-9 col-form-label">
             {{ hero.auth.timestamps.created | formatDate }}</strong>
         </div>
-        <div
+        <div class="form-group row">
-          v-if="hero.flags.thirdPartyTools"
+          <label class="col-sm-3 col-form-label">Used third party tools:</label>
-          class="form-group row"
+
-        >
+          <div class="col-sm-9 col-form-label">
-          User has employed <strong>third party tools</strong>. Last known usage:
+            <strong v-if="hero.flags.thirdPartyTools">
-          <strong class="col-sm-9 col-form-label">
+              Yes - {{ hero.flags.thirdPartyTools | formatDate }}</strong>
-            {{ hero.flags.thirdPartyTools | formatDate }}</strong>
+            <strong v-else>No</strong>
+          </div>
         </div>
-        <div v-if="cronError">
+        <div v-if="cronError" class="form-group row">
-          "lastCron" value:
+          <label class="col-sm-3 col-form-label">lastCron value:</label>
           <strong>{{ hero.lastCron | formatDate }}</strong>
           <br>
           <span class="errorMessage">

website/client/src/components/ui/purchaseHistoryTable.vue

@@ -324,7 +324,8 @@
   }
 
   .timestamp-column, .action-column  {
-    width: 20%;
+    width: 27%;
+
   }
 
   .amount-column {
@@ -332,7 +333,7 @@
   }
 
   .note-column {
-    width: 50%;
+    width: 35%;
   }
 
   .entry-action {