table style

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;
+}

views/ranking.html

@@ -1,10 +1,14 @@
 @include(main/header)
-<table>
+<h1 style="text-align: left; margin-left: 5px">Ranking lol</h1>
+<table class="table">
+  <thead>
     <tr>
-    <td>rank</td>
-    <td>username</td>
-    <td># tags placed</td>
+      <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>
@@ -12,9 +16,10 @@
       <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>