Update app.py

app.py

@@ -20,13 +20,44 @@ for d in data:
     """
 
 html = f"""
-<table style="width:100%; border-collapse:collapse; border:1px solid #ccc;">
+<style>
+.table-leaderboard {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0 6px;
+    font-family: sans-serif;
+}
+.table-leaderboard thead th {
+    text-align: left;
+    padding: 10px 12px;
+    background: #f3f3f3;
+    font-weight: 600;
+    font-size: 14px;
+}
+.table-leaderboard tbody tr {
+    background: #ffffff;
+    box-shadow: 0 0 0 1px #e5e5e5;
+}
+.table-leaderboard td {
+    padding: 10px 12px;
+    font-size: 14px;
+}
+.table-leaderboard a {
+    color: #d93025; /* Google red style for paper links */
+    text-decoration: none;
+}
+.table-leaderboard a:hover {
+    text-decoration: underline;
+}
+</style>
+
+<table class="table-leaderboard">
 <thead>
 <tr>
-  <th style="text-align:left; border:1px solid #ccc; padding:4px;">Model Name</th>
-  <th style="text-align:left; border:1px solid #ccc; padding:4px;">Driving Score</th>
-  <th style="text-align:left; border:1px solid #ccc; padding:4px;">Paper</th>
-  <th style="text-align:left; border:1px solid #ccc; padding:4px;">Repository</th>
+  <th>Model Name</th>
+  <th>Driving Score</th>
+  <th>Paper</th>
+  <th>Repository</th>
 </tr>
 </thead>
 <tbody>
@@ -35,6 +66,7 @@ html = f"""
 </table>
 """
 
+
 with gr.Blocks() as demo:
     gr.Markdown("# Bench2Drive Leaderboard")
     gr.HTML(html)