From a40b254681d8e41819054b3d7ba41705a5d6e35d Mon Sep 17 00:00:00 2001
From: thijs <thijsst@opzeker.it>
Date: Fri, 3 Nov 2023 17:03:52 +0100
Subject: [PATCH] container

---
 includes/styles.css | 30 +++++++++++++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/includes/styles.css b/includes/styles.css
index 0357f34..a214589 100644
--- a/includes/styles.css
+++ b/includes/styles.css
@@ -179,4 +179,32 @@ a {
 }
 .btn:active {
     transform: translateY(1px); /* Slight Pressed-In effect on Click */
-}
\ No newline at end of file
+}
+/* Container for tables to manage overflow */
+.table-container {
+    overflow-x: auto;
+    margin: 0 auto; /* Center the table container if necessary */
+}
+
+/* Styles for the table */
+table {
+    width: 100%;
+    max-width: 100%;
+    table-layout: auto; /* Let the table layout be automatic */
+}
+
+/* Ensure table cells do not cause overflow */
+td, th {
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+}
+
+/* Responsive table adjustments */
+@media (max-width: 768px) {
+    table {
+        font-size: 14px; /* Adjust font size for smaller screens */
+    }
+    td, th {
+        padding: 8px; /* Adjust cell padding for smaller screens */
+    }
+}