Make table responsive

main.py

@@ -841,17 +841,16 @@ styled_table = (
         ],
         axis=0,
     )
-    .set_properties(**{"text-align": "center"})  # Center the text in all cells
+    .set_properties(
+        **{
+            "text-align": "center",  # Center the text
+            "padding": "10px",  # Add padding for better readability
+            "word-wrap": "break-word",  # Ensure text wraps within cells
+        }
+    )
     .set_table_styles(
         [
-            {
-                "selector": "table",
-                "props": [
-                    ("margin-left", "20%"),
-                    ("margin-right", "auto"),
-                    ("width", "100%"),
-                ],
-            },  # Center the table and adjust width
+            {"selector": "table", "props": [("margin-left", "auto"), ("margin-right", "auto"), ("width", "100%")]},  # Make table responsive and centered
         ]
     )
     .hide(axis="index")  # Hide the row index
@@ -860,7 +859,9 @@ styled_table = (
 table_html_data = styled_table._repr_html_()
 # table_html_data = dataset_sources.to_html(index=False, border=0)
 table_div_data = Div(
-    NotStr(table_html_data), style="margin-left: auto; width: 80%; align: center;"
+    # NotStr(table_html_data), style="margin-left: auto; width: 80%; align: center;"
+    NotStr(table_html_data)
+
 )