From dd30973e4d5cc76ca1803e1a6eaf400b777c9536 Mon Sep 17 00:00:00 2001 From: Ardis Lu Date: Mon, 3 Oct 2022 00:41:46 -0700 Subject: [PATCH] Update output table styling Row borders help distinguish rows for accessibility --- index.html | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 6719741..7ed0a01 100644 --- 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%); } -- 2.47.3