further adjust column width settings

app.py

@@ -82,7 +82,7 @@ with gr.Blocks() as block:
                 interactive=False,
                 elem_classes="custom-dataframe",
                 max_height=2400,
-                column_widths=["80px", "220px"] + ["140px"] * (len(initial_headers) - 2),
+                column_widths=["100px", "220px"] + ["200px"] * (len(initial_headers) - 2),
             )
 
             def update_table_and_caption(table_type, super_group, model_group):
@@ -99,7 +99,7 @@ with gr.Blocks() as block:
                         headers=headers,
                         datatype=["number", "html"] + ["number"] * (len(headers) - 2),
                         interactive=False,
-                        column_widths=["80px", "220px"] + ["140px"] * (len(headers) - 2),
+                        column_widths=["100px", "220px"] + ["200px"] * (len(headers) - 2),
                     ),
                     caption,
                     f"<style>{base_css}\n{table_css}</style>"

static/css/style.css

@@ -58,9 +58,9 @@
 /* Rank column */
 .custom-dataframe td:first-child,
 .custom-dataframe th:first-child {
-    width: 80px !important;
-    min-width: 80px !important;
-    max-width: 80px !important;
+    width: 100px !important;
+    min-width: 100px !important;
+    max-width: 100px !important;
     text-align: center !important;
 }
 
@@ -75,18 +75,18 @@
 /* Overall, Core, Open-ended columns */
 .custom-dataframe td:nth-child(n+3):nth-child(-n+5),
 .custom-dataframe th:nth-child(n+3):nth-child(-n+5) {
-    width: 140px !important;
-    min-width: 140px !important;
-    max-width: 140px !important;
+    width: 200px !important;
+    min-width: 200px !important;
+    max-width: 200px !important;
     text-align: right !important;
 }
 
 /* Dimension columns */
 .custom-dataframe td:nth-child(n+6),
 .custom-dataframe th:nth-child(n+6) {
-    width: 140px !important;
-    min-width: 140px !important;
-    max-width: 140px !important;
+    width: 200px !important;
+    min-width: 200px !important;
+    max-width: 200px !important;
     text-align: right !important;
 }