From 0f8ab86966077594dbcbf1c70559dc0d8cdc7351 Mon Sep 17 00:00:00 2001
From: Flummi <flummi@f0ck.space>
Date: Fri, 24 Dec 2021 11:16:00 +0100
Subject: [PATCH] table style

---
 public/s/css/f0ck.css | 18 ++++++++++++++++++
 views/ranking.html    | 29 +++++++++++++++++------------
 2 files changed, 35 insertions(+), 12 deletions(-)

diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 2972b5f..3a235f6 100644
--- a/public/s/css/f0ck.css
+++ b/public/s/css/f0ck.css
@@ -1222,3 +1222,21 @@ div.logwrap {
 div.logwrap > p {
   line-height: 0;
 }
+
+/* ranking */
+table.table {
+  border-collapse: collapse;
+  margin: 25px 0;
+  min-width: 400px;
+}
+table.table thead tr {
+  text-align: left;
+  font-weight: bolder;
+  border-bottom: 1px solid var(--accent);
+}
+table.table th, table.table td {
+  padding: 7px 15px;
+}
+table.table tbody tr:nth-of-type(even) {
+  background-color: #232323;
+}
diff --git a/views/ranking.html b/views/ranking.html
index 697380d..ffdca9c 100644
--- a/views/ranking.html
+++ b/views/ranking.html
@@ -1,20 +1,25 @@
 @include(main/header)
-<table>
-  <tr>
-    <td>rank</td>
-    <td>username</td>
-    <td># tags placed</td>
-  </tr>
+<h1 style="text-align: left; margin-left: 5px">Ranking lol</h1>
+<table class="table">
+  <thead>
+    <tr>
+      <th>rank</th>
+      <th>username</th>
+      <th># tags placed</th>
+    </tr>
+  </thead>
+  <tbody>
   @for(let i = 0; i < list.length; i++)
-  <tr>
-    <td>{{ i + 1 }}</td>
-    <td>{!! list[i].user !!}</td>
-    <td>{{ list[i].count }}</td>
-  </tr>
+    <tr>
+      <td>{{ i + 1 }}</td>
+      <td>{!! list[i].user !!}</td>
+      <td>{{ list[i].count }}</td>
+    </tr>
   @endfor
+  </tbody>
 </table>
 <hr />
-<table>
+<table class="table">
   <tr><td>total</td><td>{{ stats.total }}</td></tr>
   <tr><td>tagged</td><td>{{ stats.tagged }}</td></tr>
   <tr><td>untagged</td><td>{{ stats.untagged }}</td></tr>