Narrow Model column width

src/display/css_html_js.py

@@ -72,16 +72,16 @@ custom_css = """
 }
 .dataframe,
 .leaderboard-dataframe {
-    --leaderboard-model-column-width: 280px;
+    --leaderboard-model-column-width: 220px;
     --cell-width-0: var(--leaderboard-model-column-width) !important;
     border-radius: 8px !important;
     overflow: hidden !important;
     border: 1px solid var(--bench-line) !important;
 }
 .rank-leaderboard-dataframe {
-    --leaderboard-model-column-width: 280px;
-    --leaderboard-rank-table-min-width: 1720px;
-    --cell-width-0: 280px !important;
+    --leaderboard-model-column-width: 220px;
+    --leaderboard-rank-table-min-width: 1660px;
+    --cell-width-0: var(--leaderboard-model-column-width) !important;
 }
 .dataframe table,
 .leaderboard-dataframe table {
@@ -135,7 +135,7 @@ custom_css = """
     max-width: 100% !important;
 }
 .rank-leaderboard-dataframe .table-wrap {
-    --cell-width-0: 280px !important;
+    --cell-width-0: var(--leaderboard-model-column-width) !important;
     overflow-x: auto !important;
 }
 .rank-leaderboard-dataframe .table-wrap > table,
@@ -150,9 +150,9 @@ custom_css = """
 .rank-leaderboard-dataframe .table-wrap > table th:first-child,
 .rank-leaderboard-dataframe svelte-virtual-table-viewport table.table th:first-child,
 .rank-leaderboard-dataframe svelte-virtual-table-viewport table.table td:first-child {
-    width: 280px !important;
-    min-width: 280px !important;
-    max-width: 280px !important;
+    width: var(--leaderboard-model-column-width) !important;
+    min-width: var(--leaderboard-model-column-width) !important;
+    max-width: var(--leaderboard-model-column-width) !important;
 }
 .rank-leaderboard-dataframe .leaderboard-model-cell {
     display: block !important;