Update app.py

app.py

@@ -6,7 +6,6 @@ with open("results.json") as f:
 
 data = sorted(data, key=lambda x: x["driving_score"], reverse=True)
 
-# build HTML table
 rows_html = ""
 for d in data:
     paper = f'<a href="{d["paper_link"]}" target="_blank">{d["paper_title"]}</a>' if d["paper_link"] else ""
@@ -21,13 +20,13 @@ for d in data:
     """
 
 html = f"""
-<table style="width:100%; border-collapse:collapse;">
+<table style="width:100%; border-collapse:collapse; border:1px solid #ccc;">
 <thead>
 <tr>
-  <th style="text-align:left;">Model Name</th>
-  <th style="text-align:left;">Driving Score</th>
-  <th style="text-align:left;">Paper</th>
-  <th style="text-align:left;">Repository</th>
+  <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>
 </tr>
 </thead>
 <tbody>
@@ -36,4 +35,8 @@ html = f"""
 </table>
 """
 
-gr.Interface(fn=lambda: html, inputs=[], outputs=gr.HTML()).launch()
+with gr.Blocks() as demo:
+    gr.Markdown("# Bench2Drive Leaderboard")
+    gr.HTML(html)
+
+demo.launch()