From 24f5e07f61397e8ae2209f3be004b41d673b5b57 Mon Sep 17 00:00:00 2001
From: Mark Saroufim <marksaroufim@meta.com>
Date: Wed, 18 Feb 2026 00:18:32 -0800
Subject: [PATCH] Make description section collapsible by default

Wrap the description and benchmark shapes in a collapsed
<details>/<summary> so the leaderboard tabs are immediately
visible without scrolling.
---
 .../src/pages/leaderboard/Leaderboard.tsx     | 36 ++++++++++---------
 1 file changed, 20 insertions(+), 16 deletions(-)

diff --git a/frontend/src/pages/leaderboard/Leaderboard.tsx b/frontend/src/pages/leaderboard/Leaderboard.tsx
index d81349d..52e3376 100644
--- a/frontend/src/pages/leaderboard/Leaderboard.tsx
+++ b/frontend/src/pages/leaderboard/Leaderboard.tsx
@@ -191,22 +191,26 @@ export default function Leaderboard() {
         <Grid marginBottom={2}>
           <Card>
             <CardContent>
-              <CardTitle fontWeight="bold">Description</CardTitle>
-              <MarkdownRenderer content={data.description} />
-              {data.benchmarks && data.benchmarks.length > 0 && (
-                <details>
-                  <summary style={{ cursor: "pointer", fontWeight: "bold", marginTop: 16 }}>
-                    Benchmark Shapes
-                  </summary>
-                  <ul>
-                    {data.benchmarks.map((b, i) => (
-                      <li key={i}>
-                        <code>{JSON.stringify(Object.fromEntries(Object.entries(b).filter(([k]) => k !== "seed")))}</code>
-                      </li>
-                    ))}
-                  </ul>
-                </details>
-              )}
+              <details>
+                <summary style={{ cursor: "pointer", fontWeight: "bold", fontSize: "1.5rem" }}>
+                  Description
+                </summary>
+                <MarkdownRenderer content={data.description} />
+                {data.benchmarks && data.benchmarks.length > 0 && (
+                  <details>
+                    <summary style={{ cursor: "pointer", fontWeight: "bold", marginTop: 16 }}>
+                      Benchmark Shapes
+                    </summary>
+                    <ul>
+                      {data.benchmarks.map((b, i) => (
+                        <li key={i}>
+                          <code>{JSON.stringify(Object.fromEntries(Object.entries(b).filter(([k]) => k !== "seed")))}</code>
+                        </li>
+                      ))}
+                    </ul>
+                  </details>
+                )}
+              </details>
             </CardContent>
           </Card>
         </Grid>