From 23d86df716672a2940071897caee8c1cde5b5c75 Mon Sep 17 00:00:00 2001
From: Sarah Abderemane <sarahabderemane@gmail.com>
Date: Wed, 17 Jan 2024 16:09:26 +0100
Subject: [PATCH] Fix table style for foundation flatpage (#1468)

---
 djangoproject/scss/_style.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/djangoproject/scss/_style.scss b/djangoproject/scss/_style.scss
index 08621d897..c96fd6baf 100644
--- a/djangoproject/scss/_style.scss
+++ b/djangoproject/scss/_style.scss
@@ -2608,6 +2608,19 @@ dl.data {
     }
 }
 
+.table-wrapper {
+    // This class is used to avoid the table exceeds the size of the content
+    // and add a scrollbar to see the rest of the content in mobile
+    display: grid;
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+    overflow: auto;
+    white-space: normal;
+}
+
+table.foundation td {
+    border-bottom: 1px solid var(--hairline-color);
+    padding: 0 5px;
+}
 
 table.docutils td,
 table.docutils th {