From ac73383746ae7f161c1f7d7508ae8d95efde0abc Mon Sep 17 00:00:00 2001
From: the-gorilla-steem <95911955+the-gorilla-steem@users.noreply.github.com>
Date: Tue, 1 Oct 2024 12:07:43 +0100
Subject: [PATCH] Fixed Table Layout

Fixed bug #3924 by introducing a scrollbar underneath tables that exceed their wrapper width.
---
 src/app/assets/stylesheets/foundation-overrides.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/assets/stylesheets/foundation-overrides.scss b/src/app/assets/stylesheets/foundation-overrides.scss
index 8a400c749d..02823ecd23 100644
--- a/src/app/assets/stylesheets/foundation-overrides.scss
+++ b/src/app/assets/stylesheets/foundation-overrides.scss
@@ -89,11 +89,16 @@ table {
   box-shadow: inset 0 0 0 -1px red;
 }
 
+.MarkdownViewer table {
+  display: block;
+  overflow-x: auto;
+  width: 100%;
+}
 
 thead, tbody, tfoot {
   @include themify($themes) {
     background-color: themed('backgroundColor');    
-  }     
+  }
 }
 
 thead {
@@ -120,6 +125,7 @@ tbody tr:nth-child(even) {
   border: transparent;
   transition: 0.2s all ease-in-out;
   outline: none;
+  padding-bottom: 50px !important;
   @include themify($themes) {
     background-color: themed('modalBackgroundColor');
     color: themed('modalTextColorPrimary');