From 021c00fac77f7c0b7087981a3ee9b5a732ecc20c Mon Sep 17 00:00:00 2001
From: Sondos Bsharat <105979412+SondosBsharat@users.noreply.github.com>
Date: Tue, 11 Jun 2024 17:14:31 +0400
Subject: [PATCH] Update tabels.css

---
 tabels.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/tabels.css b/tabels.css
index b7a0db5..b42f678 100644
--- a/tabels.css
+++ b/tabels.css
@@ -36,3 +36,20 @@ th:hover {
 .multi-button button:hover {
     background-color: #0c2379; /* Darker green when hovered */
 }
+
+/*----------------------------- */
+.table-container {
+    overflow-x: auto; /* Enable horizontal scrolling */
+    -webkit-overflow-scrolling: touch; /* Smooth scrolling for touch devices */
+}
+
+@media (max-width: 768px) {
+    .table-container {
+        width: 100%;
+        overflow-x: auto; /* Horizontal scrolling for smaller screens */
+    }
+
+    table {
+        width: 100%; /* Ensure table is responsive */
+    }
+}