Update app.py

app.py

@@ -43,6 +43,11 @@ async def get_leaderboard_data():
         
 async def update_leaderboard_table():
     leaderboard_data = await get_leaderboard_data()
+    # Add emojis to the leaderboard data
+    for row in leaderboard_data:
+        row[0] = f"{row[0]} 🏆"
+        row[1] = f"{row[1]} 😄"
+        row[2] = f"{row[2]} 💯"
     return leaderboard_data
 
 custom_css = """
@@ -51,12 +56,16 @@ body {
     color: black;
     font-family: Arial, sans-serif;
     font-size: 16px;
+    margin: 0;
+    padding: 0;
 }
 
 .gradio-container {
-    max-width: 800px;
-    margin: 0 auto;
+    max-width: 100%;
+    height: 100vh;
+    margin: 0;
     padding: 20px;
+    box-sizing: border-box;
 }
 
 .gradio-dataframe {
@@ -95,8 +104,8 @@ body {
 with gr.Blocks(css=custom_css) as demo:
     gr.Markdown("# Synthia Leaderboard")
     leaderboard_table = gr.components.Dataframe(
-        headers=["rank", "uid", "score"],
-        datatype=["number", "number", "number"],
+        headers=["Rank 🏆", "User 😄", "Score 💯"],
+        datatype=["str", "str", "str"],
         interactive=False,
         visible=True,
         elem_id="leaderboard-table"