From b62be51060b069556aec3aeb56c880b6eddfc3c0 Mon Sep 17 00:00:00 2001
From: Richard van der Hoff <richard@matrix.org>
Date: Wed, 3 Aug 2022 09:15:37 +0100
Subject: [PATCH] give tables a light border

---
 assets/scss/_variables_project.scss |  3 +++
 assets/scss/custom.scss             | 11 +++++++++++
 2 files changed, 14 insertions(+)

diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index 1e7e3950..637c0575 100644
--- a/assets/scss/_variables_project.scss
+++ b/assets/scss/_variables_project.scss
@@ -30,6 +30,9 @@ $note: $secondary;
 $note-background: $secondary-background;
 $warning-background: #FFE0E0;
 
+// colours for definition tables.
+// the border colour matches that used for "highlight" divs
+$table-border-color: rgba(black, .125);
 $table-row-alternate: $secondary-lightest-background;
 $table-row-default: $secondary-lighter-background;
 
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index 438052ce..d4ef6ebf 100644
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -343,6 +343,17 @@ footer {
     }
 
     &.object-table, &.response-table {
+        border: 1px $table-border-color solid;
+
+        caption {
+            // the caption is outside the table's border box,
+            // so we have to give it its own border.
+            border: 1px $table-border-color solid;
+
+            // ... but avoid double border between caption and table
+            border-bottom: 0px;
+        }
+
         caption, tbody tr {
             background-color: $table-row-default;
         }