From 9224f58da59d8cadf13dab86e79e7c3ca7773f95 Mon Sep 17 00:00:00 2001
From: Phillip Thelen <phillip@habitica.com>
Date: Mon, 19 Aug 2024 15:13:32 +0200
Subject: [PATCH] admin panel display improvements

---
 .../src/components/admin-panel/index.vue      |  2 +-
 .../admin-panel/user-support/cronAndAuth.vue  | 19 ++++++++++---------
 .../components/ui/purchaseHistoryTable.vue    |  5 +++--
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/website/client/src/components/admin-panel/index.vue b/website/client/src/components/admin-panel/index.vue
index e2d4444fcf..c31d729042 100644
--- a/website/client/src/components/admin-panel/index.vue
+++ b/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>
 
diff --git a/website/client/src/components/admin-panel/user-support/cronAndAuth.vue b/website/client/src/components/admin-panel/user-support/cronAndAuth.vue
index a0e1ed2a43..68699e64cf 100644
--- a/website/client/src/components/admin-panel/user-support/cronAndAuth.vue
+++ b/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
-          v-if="hero.flags.thirdPartyTools"
-          class="form-group row"
-        >
-          User has employed <strong>third party tools</strong>. Last known usage:
-          <strong class="col-sm-9 col-form-label">
-            {{ hero.flags.thirdPartyTools | formatDate }}</strong>
+        <div class="form-group row">
+          <label class="col-sm-3 col-form-label">Used third party tools:</label>
+
+          <div class="col-sm-9 col-form-label">
+            <strong v-if="hero.flags.thirdPartyTools">
+              Yes - {{ hero.flags.thirdPartyTools | formatDate }}</strong>
+            <strong v-else>No</strong>
+          </div>
         </div>
-        <div v-if="cronError">
-          "lastCron" value:
+        <div v-if="cronError" class="form-group row">
+          <label class="col-sm-3 col-form-label">lastCron value:</label>
           <strong>{{ hero.lastCron | formatDate }}</strong>
           <br>
           <span class="errorMessage">
diff --git a/website/client/src/components/ui/purchaseHistoryTable.vue b/website/client/src/components/ui/purchaseHistoryTable.vue
index 07ae88ded7..a48f4c64a1 100644
--- a/website/client/src/components/ui/purchaseHistoryTable.vue
+++ b/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 {