Add explicit thead/tbody/tfoot tags to tables.

1 files changed, 8 insertions, 7 deletions

diff --git a/public/style.css b/public/style.css
index b5a69ad..5d99512 100644
--- a/public/style.css
+++ b/public/style.css
@@ -50,18 +50,19 @@ div.logo img {
 table {
 	min-width: min(50rem,100%);
 	border-collapse: collapse;
+	border: 1px solid black;
 }
-th, td {
+thead, tfoot {
+	background-color: gainsboro;
 	border: 1px solid black;
-	padding: 3px 1ex;
 }
-th {
+th, td {
+	vertical-align: top;
 	text-align: left;
-	background-color: gainsboro;
+	padding: 5px 10px;
 }
-td.body {
-	white-space: pre-wrap;
-	padding: 10px 10px;
+tbody tr:nth-child(2n) {
+	background-color: whitesmoke;
 }
 table a:not(:hover) { text-decoration: none; color: black; }
 td.command a { text-decoration: underline; color: blue; }