Update app.py

app.py

@@ -107,7 +107,7 @@ def get_plot_explanation(benchmark_type, x_metric, y_metric, aspect, dataset, si
     if benchmark_type == "function":
         return (
             f"Heat‑map shows model scores for **{aspect.upper()}** terms with **{single_metric}**. "
-            "Darker squares → better predictions."
+            "Darker squares → better predictions."
         )
     if benchmark_type == "family":
         return (
@@ -137,35 +137,31 @@ def generate_plot_and_explanation(benchmark_type, methods_selected, x_metric, y_
 # Custom CSS for frozen first column and clearer table styles
 # ---------------------------------------------------------------------------
 CUSTOM_CSS = """
-/* Freeze first column & improve scrolling for static Dataframe output */
-#leaderboard-table .dataframe-wrap {
-  overflow-x: auto;
-  overflow-y: auto;
-  max-height: 650px; /* taller table */
-}
-#leaderboard-table table {
-  border-collapse: collapse;
-}
-#leaderboard-table thead th,
-#leaderboard-table tbody td {
-  padding: 4px 6px;
-}
-#leaderboard-table thead th:first-child,
-#leaderboard-table tbody td:first-child {
+/* freeze first column */
+#leaderboard-table table tr th:first-child,
+#leaderboard-table table tr td:first-child {
   position: sticky;
   left: 0;
   background: white;
-  z-index: 3; /* stay on top */
-  box-shadow: 2px 0 2px -2px #aaa; /* subtle divider */
+  z-index: 2;
 }
-/* striped rows */
-#leaderboard-table tbody tr:nth-child(odd) {
+
+/* striped rows for readability */
+#leaderboard-table table tr:nth-child(odd) {
   background: #fafafa;
 }
-/* center numeric columns */
-#leaderboard-table tbody td:not(:first-child) {
+
+/* centre numeric cells */
+#leaderboard-table td:not(:first-child) {
   text-align: center;
 }
+
+/* scrollable and taller table */
+#leaderboard-table .dataframe-wrap {
+  max-height: 1200px;
+  overflow-y: auto;
+  overflow-x: auto;
+}
 """
 
 # ---------------------------------------------------------------------------
@@ -188,7 +184,7 @@ with block:
                 height=1000,
                 container=False,
             )
-            # explanatory sentence just below the figure
+
             gr.Markdown(
                 "## For detailed explanations of the metrics and benchmarks, please refer to the 📝 About tab.",
                 elem_classes="leaderboard-note",
@@ -239,7 +235,8 @@ with block:
                     datatype=baseline_datatype,
                     interactive=False,
                     elem_id="leaderboard-table",
-                      # make table longer
+                    pinned_columns=1,
+                    max_height=1000,
                 )
 
             # callbacks
@@ -381,4 +378,4 @@ with block:
         )
 
 # ---------------------------------------------------------------------------
-block.launch()
+block.launch()