From 1c8c4c2f031c73a26fd1612b5077e786412aeba0 Mon Sep 17 00:00:00 2001
From: MickaelK <mickael@kerjean.me>
Date: Fri, 3 Oct 2025 14:15:16 +1000
Subject: [PATCH] feature (admin): improve ux for admin

---
 public/assets/pages/adminpage/ctrl_about.css | 52 +++++++++++---------
 server/ctrl/about.go                         |  8 +--
 2 files changed, 32 insertions(+), 28 deletions(-)

diff --git a/public/assets/pages/adminpage/ctrl_about.css b/public/assets/pages/adminpage/ctrl_about.css
index 08bd4420..61611040 100644
--- a/public/assets/pages/adminpage/ctrl_about.css
+++ b/public/assets/pages/adminpage/ctrl_about.css
@@ -2,32 +2,36 @@
   padding-top: 50px;
   overflow-x: auto;
 }
+.component_page_about tr {
+    display: block;
+    background: white;
+    border: 2px solid #ebebec;
+    border-style: solid;
+    border-radius: 5px;
+    margin: 15px 0 0 0;
+    padding: 10px 15px;
+    color: var(--light);
+    font-size: 0.9rem;
+}
+.component_page_about td {
+    display: block;
+    min-width: 100%;
+}
+.component_page_about td:first-of-type {
+    font-weight: 600;
+    color: var(--color);
+    text-transform: capitalize;
+    font-size: 1.05rem;
+    border-bottom: 2px solid var(--border);
+    margin-bottom: 5px;
+    padding-bottom: 5px;
+}
 .component_page_about .small {
+    display: block;
+    margin-left: 20px;
     font-size: 0.9rem;
     padding: 0px 2px;
 }
-.component_page_about a {
-    padding: 0 2px;
-}
-.component_page_about a:hover {
-    background: rgba(0, 0, 0, 0.05);
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
-}
-.component_page_about table {
-    border-spacing: 0px 20px;
-}
-.component_page_about td {
-    vertical-align: top;
-}
-.component_page_about td br {
-    content: "";
-    margin: 15px;
-    display: block;
-}
-.component_page_about td:first-of-type {
-    font-weight: bold;
-}
-.component_page_about td:first-of-type:after {
-    content: ": ";
+.component_page_admin .page_container .component_page_about a {
+    color: var(--ligh);
 }
diff --git a/server/ctrl/about.go b/server/ctrl/about.go
index d3030b67..33e8c798 100644
--- a/server/ctrl/about.go
+++ b/server/ctrl/about.go
@@ -75,13 +75,13 @@ func AboutHandler(ctx *App, res http.ResponseWriter, req *http.Request) {
 		<tr>
           <td> Plugins </td>
           <td>
-            STANDARD[<span class="small">{{ renderPlugin (index .Plugins 0) .CommitHash }}</span>]
+            STANDARD [<span class="small">{{ renderPlugin (index .Plugins 0) .CommitHash }}</span>]
             <br/>
-            APPS[<span class="small">{{ renderPlugin (index .Plugins 3) "" }}</span>]
+            APPS [<span class="small">{{ renderPlugin (index .Plugins 3) "" }}</span>]
             <br/>
-            ENTERPRISE[<span class="small">{{ renderPlugin (index .Plugins 1) "" }}</span>]
+            ENTERPRISE [<span class="small">{{ renderPlugin (index .Plugins 1) "" }}</span>]
             <br/>
-            CUSTOM[<span class="small">{{ renderPlugin (index .Plugins 2) "" }}</span>]
+            CUSTOM [<span class="small">{{ renderPlugin (index .Plugins 2) "" }}</span>]
           </td>
         </tr>
 	  </table>