From a7c4fe1d76958c333ff1461f03ff7abb45b8f1ac Mon Sep 17 00:00:00 2001
From: Simon Ser <contact@emersion.fr>
Date: Mon, 19 Feb 2024 13:20:59 +0100
Subject: [PATCH] Use a table to display client list

---
 static/style.css    |  8 ++++++++
 template/index.html | 13 ++++++++++---

diff --git a/static/style.css b/static/style.css
index f846fe8ea1fc793053c08ef26fafa5a2b13c3584..e26eb85883fc8813d01c5e1de60f86c362e0a955 100644
--- a/static/style.css
+++ b/static/style.css
@@ -7,3 +7,11 @@ 	padding: 0 5px;
 	max-width: 800px;
 	margin: 0 auto;
 }
+
+table {
+	border-collapse: collapse;
+}
+td, th {
+	border: 1px solid black;
+	padding: 5px;
+}
diff --git a/template/index.html b/template/index.html
index de209f57010b42712969b5ddf0fb4a2841051752..f71ba9109c942a7dcd292164e96794e1e231d196 100644
--- a/template/index.html
+++ b/template/index.html
@@ -18,11 +18,18 @@
 {{ if .Me.Admin }}
 	{{ with .Clients }}
 		<p>{{ . | len }} clients registered:</p>
-		<ul>
+		<table>
+			<tr>
+				<th>Client ID</th>
+				<th>Name</th>
+			</tr>
 			{{ range . }}
-				<li><a href="/client/{{ .ID }}"><code>{{ .ClientID }}</code></a></li>
+				<tr>
+					<td><a href="/client/{{ .ID }}"><code>{{ .ClientID }}</code></a></td>
+					<td>{{ .ClientName }}</td>
+				</tr>
 			{{ end }}
-		</ul>
+		</table>
 	{{ else }}
 		<p>No client registered yet.</p>
 	{{ end }}

-- 
2.48.1