From 8ec4d53ffeffbb8c17da01ae8c474b2a64d59fe8 Mon Sep 17 00:00:00 2001
From: Waldir Pimenta <waldyrious@gmail.com>
Date: Fri, 20 Jan 2023 02:09:06 +0000
Subject: Improve table styling

Note: 1px border doesn't play nicely with sticky headers,
hence the need for 4 rulesets instead of 1.
See the following link for more details:
<https://stackoverflow.com/a/75179925/266309>
---
 style.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/style.css b/style.css
index c2159e6..66fe28f 100644
--- a/style.css
+++ b/style.css
@@ -9,8 +9,31 @@ th {
 	top: 0;
 	background: gainsboro;
 }
+td, th {
+	padding: 0.2em;
+}
 td:first-of-type { text-align: center; }
 .status-voting { background: #baf; }
 .status-proposed { background: #eef; }
 .status-approved { background: #dfd; }
 .status-rejected { background: #fbb; }
+
+/* Cleaner table borders compatible with the sticky table header */
+table {
+	border-spacing: 0;
+	border: none;
+	--border: 1px solid #999;
+}
+table th {
+	border: var(--border);
+	border-left: none;
+}
+table td {
+	border: var(--border);
+	border-left: none;
+	border-top: none;
+}
+table tr > th:first-child,
+table tr > td:first-child {
+	border-left: var(--border);
+}
-- 
cgit v1.2.3