make tables in main responsive and center

main.py

@@ -566,13 +566,19 @@ styled_table = (
             :, new_dataset_comparison1.columns.difference(["TxT360"])
         ],  # Apply to all columns except "TxT360"
     )
+    .set_table_styles(
+        [
+            {"selector": "table", "props": [("margin-left", "auto"), ("width", "100%")]},  # Make table responsive and centered
+        ]
+    )
     .hide(axis="index")  # Hide the row index
 )
 
 # Use _repr_html_() method to get the HTML representation of the styled DataFrame
 table_html = styled_table._repr_html_()
 # table_html = dataset_comparison1.to_html(index=False, border=0)
-new_table_div_1 = Div(NotStr(table_html), style="margin: 40px;")
+# new_table_div_1 = Div(NotStr(table_html), style="margin: 40px;")
+new_table_div_1 = Div(NotStr(table_html))
 
 
 dataset_comparison1 = pd.DataFrame(
@@ -766,13 +772,19 @@ styled_table = (
         ],
         axis=0,
     )
+    .set_table_styles(
+        [
+            {"selector": "table", "props": [("margin-left", "auto"), ("width", "100%")]},  # Make table responsive and centered
+        ]
+    )
     .hide(axis="index")
 )  # Hide the row index
 
 # Use _repr_html_() method to get the HTML representation of the styled DataFrame
 table_html2 = styled_table._repr_html_()
 # table_html2 = dataset_comparison2.to_html(index=False, border=0)
-table_div_2 = Div(NotStr(table_html2), style="margin: 40px;")
+# table_div_2 = Div(NotStr(table_html2), style="margin: 40px;")
+table_div_2 = Div(NotStr(table_html2))
 
 dataset_sources = pd.DataFrame(
     {
@@ -850,7 +862,7 @@ styled_table = (
     )
     .set_table_styles(
         [
-            {"selector": "table", "props": [("margin-left", "auto"), ("margin-right", "auto"), ("width", "100%")]},  # Make table responsive and centered
+            {"selector": "table", "props": [("margin-left", "auto"), ("width", "100%")]},  # Make table responsive and centered
         ]
     )
     .hide(axis="index")  # Hide the row index