update tables

common.py

@@ -104,6 +104,15 @@ def dedup_pairs_bands():
         }
     ).to_html(index=False, border=0)
 
+# Get the HTML table
+table_html_data = dedup_pairs_bands()
+
+# Wrap the table in a Div for styling
+table_div_data = Div(
+    text=table_html_data,
+    style="display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: auto; overflow-x: auto;"
+)
+
 
 def dup_docs_count_graph():
     dup_docs_count = {
@@ -237,7 +246,7 @@ nfc_examples = pd.DataFrame(
 )
 
 table_html_nfc = nfc_examples.to_html(index=False, border=0)
-table_div_nfc_examples = Div(NotStr(table_html_nfc), style="margin: 40px;")
+table_div_nfc_examples = Div(NotStr(table_html_nfc), style="display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: auto; overflow-x: auto;")
 
 
 dask_algo = """
@@ -459,7 +468,10 @@ global_div = Div(
     ),
     Section(
         H3("NFC Examples"),
-        table_div_nfc_examples,
+        Div(
+            table_div_nfc_examples,
+            style="display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; height: auto; overflow-x: auto;"
+        )
     ),
     Section(H3("Conclusion"), P("NEED TO UPDATE")),
 )