From e1a0575e0d36ffcf1908d6895828834aec70cb4a Mon Sep 17 00:00:00 2001 From: Stevan Freeborn <65925598+StevanFreeborn@users.noreply.github.com> Date: Wed, 26 Apr 2023 06:03:27 -0500 Subject: [PATCH] fix: make tables scroll on horizontal overflow --- src/app/components/Section.module.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/app/components/Section.module.css b/src/app/components/Section.module.css index b267fa9..b9b43f6 100644 --- a/src/app/components/Section.module.css +++ b/src/app/components/Section.module.css @@ -71,6 +71,8 @@ width: 100%; border-collapse: collapse; margin: 1rem 0; + display: block; + overflow-x: auto; } .container table>thead>tr>th, @@ -80,10 +82,6 @@ border-bottom: 1px solid #0b3766; } -.container table>tbody>tr>td:last-child { - word-break: break-word; -} - .container table>thead>tr>th { white-space: nowrap; }