Update output table styling

Row borders help distinguish rows for accessibility

diff --git a/index.html b/index.html
index 6719741dc06c6972687b9ea77d16baad0e197b58..7ed0a01e7981461dfc7499010b2ad3f6af11971e 100644 (file)
--- a/index.html
+++ b/index.html
@@ -53,7 +53,8 @@
 
     th,
     td {
-      padding: 0.5rem;
+      padding: 8px;
+      border-block: solid 1px var(--primary);
     }
 
     th {
@@ -61,6 +62,16 @@
       text-transform: uppercase;
     }
 
+    th:first-child,
+    td:first-child {
+      border-inline-start: solid 1px var(--primary);
+    }
+
+    th:last-child,
+    td:last-child {
+      border-inline-end: solid 1px var(--primary);
+    }
+
     tbody tr:nth-child(odd) {
       background: hsl(192deg 15% 94%);
     }