From 0f337fc629e5108c454cbb8d3fb98ace923a0975 Mon Sep 17 00:00:00 2001
From: Laetitia Getti <laetitia@hashbang.fr>
Date: Mon, 15 May 2023 15:48:51 +0200
Subject: [PATCH] horizontal scroll on tables for mobile screen

---
 la_chariotte/static/css/app.css           | 8 ++++++++
 la_chariotte/static/sass/base/_table.sass | 6 ++++++
 la_chariotte/static/sass/style.sass       | 3 ++-
 3 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 la_chariotte/static/sass/base/_table.sass

diff --git a/la_chariotte/static/css/app.css b/la_chariotte/static/css/app.css
index 969f57e..eb75d60 100644
--- a/la_chariotte/static/css/app.css
+++ b/la_chariotte/static/css/app.css
@@ -10352,3 +10352,11 @@ a.navbar-item:hover {
   border: #A52951 1px solid !important;
   color: #A52951 !important;
 }
+
+@media screen and (max-width: 1023px) {
+  table {
+    display: block;
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+}
diff --git a/la_chariotte/static/sass/base/_table.sass b/la_chariotte/static/sass/base/_table.sass
new file mode 100644
index 0000000..e61d083
--- /dev/null
+++ b/la_chariotte/static/sass/base/_table.sass
@@ -0,0 +1,6 @@
+// Tables on mobile and tablets
+@media screen and (max-width: $max-tablet)
+	table
+		display: block
+		overflow-x: auto
+		white-space: nowrap
\ No newline at end of file
diff --git a/la_chariotte/static/sass/style.sass b/la_chariotte/static/sass/style.sass
index 9c8ba6c..13e64de 100644
--- a/la_chariotte/static/sass/style.sass
+++ b/la_chariotte/static/sass/style.sass
@@ -12,4 +12,5 @@
 @import "./base/global"
 @import "./base/navbar"
 @import "./base/content"
-@import "./base/buttons"
\ No newline at end of file
+@import "./base/buttons"
+@import "./base/table"
\ No newline at end of file