From 8c622e1432d458633e4e4fcac4df4c57cb420c7d Mon Sep 17 00:00:00 2001
From: M66B <M66B@users.noreply.github.com>
Date: Sat, 18 Nov 2023 08:55:18 +0100
Subject: [PATCH] Responsive tables

---
 PRIVACY.md   |  4 ++++
 privacy.css  | 14 +++++++++++++-
 privacy.html |  2 ++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/PRIVACY.md b/PRIVACY.md
index 19780b3d8e..ed592b411f 100644
--- a/PRIVACY.md
+++ b/PRIVACY.md
@@ -77,6 +77,8 @@ FairEmail **is** [GDPR compliant](https://gdpr.eu/).
 
 This table provides a complete overview of all shared data and the conditions under which data will be shared:
 
+<div class="table-wrapper">
+
 | Service/function   | Data sent                                                          | When the data will be sent                                                  |
 | ------------------ | ------------------------------------------------------------------ | --------------------------------------------------------------------------- |
 | Mozilla autoconfig | Domain name of email address of email accounts                     | Upon configuring an email account with the quick setup wizard               |
@@ -99,6 +101,8 @@ This table provides a complete overview of all shared data and the conditions un
 | Link title         | Link address                                                       | Upon pressing a download button in the insert link dialog                   |
 | Bugsnag            | Information about warnings and errors                              | If error reporting is enabled, upon detecting an abnormal situation         |
 
+</div>
+
 (*) Only available in the GitHub version of the app
 
 All data is sent to improve the user experience in some way,
diff --git a/privacy.css b/privacy.css
index 86c0c366a6..73130cadb6 100644
--- a/privacy.css
+++ b/privacy.css
@@ -1,6 +1,18 @@
+.table-wrapper {
+	overflow-x: auto;
+	white-space: nowrap;
+}
+
+table {
+	border-collapse: collapse;
+}
+
+table colgroup col {
+	width: auto !important;
+}
+
 table, th, td {
 	border: 1px solid black;
-	border-collapse: collapse;
 }
 
 td {
diff --git a/privacy.html b/privacy.html
index ec332c6d68..2b64b67363 100644
--- a/privacy.html
+++ b/privacy.html
@@ -61,6 +61,7 @@
 <p><br /></p>
 <h3 id="summary-of-shared-data">Summary of shared data</h3>
 <p>This table provides a complete overview of all shared data and the conditions under which data will be shared:</p>
+<div class="table-wrapper">
 <table>
 <colgroup>
 <col style="width: 11%" />
@@ -172,6 +173,7 @@
 </tr>
 </tbody>
 </table>
+</div>
 <p>(*) Only available in the GitHub version of the app</p>
 <p>All data is sent to improve the user experience in some way, like to simplify account setup, identify spam and malicious messages, display message and sender information, find bugs and errors, etc.</p>
 <p>Note that any internet connection reveals your current <a href="https://en.wikipedia.org/wiki/Network_address">network address</a>. Also, when downloading content, like images and files, the <a href="https://en.wikipedia.org/wiki/User_agent">browser’s user agent string</a> will be sent. There is a privacy option to minimize the information being sent, but please be aware that this can result in problems in some cases.</p>