update tables

web.py

@@ -129,7 +129,9 @@ styled_table = (
 
 # Use _repr_html_() method to get the HTML representation of the styled DataFrame
 table_html_filter_data = styled_table._repr_html_()
-table_div_filter_data = Div(NotStr(table_html_filter_data), style="margin: 40px;")
+table_div_filter_data = Div(NotStr(table_html_filter_data),
+                            style="display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: auto; overflow-x: auto;"
+                            )
 
 
 qf_filtering_table_data = pd.DataFrame(
@@ -219,7 +221,9 @@ styled_table = (
 
 # Use _repr_html_() method to get the HTML representation of the styled DataFrame
 table_html_qf_filter_data = styled_table._repr_html_()
-table_div_qf_filter_data = Div(NotStr(table_html_qf_filter_data), style="margin: 40px;")
+table_div_qf_filter_data = Div(NotStr(table_html_qf_filter_data),     
+                               style="display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: auto; overflow-x: auto;"
+                                )
 
 
 dolma311 = """