finetune column width

app.py

@@ -82,7 +82,7 @@ with gr.Blocks() as block:
                 interactive=False,
                 elem_classes="custom-dataframe",
                 max_height=2400,
-                column_widths=["100px", "220px"] + ["200px"] * (len(initial_headers) - 2),
+                column_widths=["100px", "240px"] + ["160px"] * 3 + ["180px"] * (len(initial_headers) - 5),
             )
 
             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=["100px", "220px"] + ["200px"] * (len(headers) - 2),
+                        column_widths=["100px", "240px"] + ["160px"] * 3 + ["180px"] * (len(headers) - 5),
                     ),
                     caption,
                     f"<style>{base_css}\n{table_css}</style>"

static/css/style.css

@@ -67,26 +67,26 @@
 /* Models column */
 .custom-dataframe td:nth-child(2),
 .custom-dataframe th:nth-child(2) {
-    width: 220px !important;
-    min-width: 220px !important;
-    max-width: 220px !important;
+    width: 240px !important;
+    min-width: 240px !important;
+    max-width: 240px !important;
 }
 
 /* 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: 200px !important;
-    min-width: 200px !important;
-    max-width: 200px !important;
+    width: 160px !important;
+    min-width: 160px !important;
+    max-width: 160px !important;
     text-align: right !important;
 }
 
 /* Dimension columns */
 .custom-dataframe td:nth-child(n+6),
 .custom-dataframe th:nth-child(n+6) {
-    width: 200px !important;
-    min-width: 200px !important;
-    max-width: 200px !important;
+    width: 180px !important;
+    min-width: 180px !important;
+    max-width: 180px !important;
     text-align: right !important;
 }