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>

1 files changed, 23 insertions, 0 deletions

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