From 6c04fee280a56fe7bb836b0139e795036e2e3337 Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair31494322@gmail.com>
Date: Tue, 9 May 2023 17:02:47 -0400
Subject: [PATCH] =?UTF-8?q?feat(core):=20=E2=9C=A8=20add=20basic=20scriptl?=
 =?UTF-8?q?ess=20responsive=20table=20support?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This should also fix the issue where table are overflowing out to the toc
---
 .../skins.citizen.styles/components/Tables.less     | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/resources/skins.citizen.styles/components/Tables.less b/resources/skins.citizen.styles/components/Tables.less
index 60248d986..8c110d2c4 100644
--- a/resources/skins.citizen.styles/components/Tables.less
+++ b/resources/skins.citizen.styles/components/Tables.less
@@ -1,5 +1,18 @@
+// Responsive table for no js
+// Avoid clipping when script is not yet loaded
+table {
+	display: block;
+	overflow-x: auto;
+}
+
+// JS-enhanced responsive table
 .citizen-table-wrapper {
 	overflow-x: auto;
+
+	table {
+		display: table;
+		overflow: initial;
+	}
 }
 
 // TODO: Move this out of tables styles when this is used by more stuff