Update app.py

app.py

@@ -86,13 +86,13 @@ def update_dashboard():
     """
     dataset = fetch_data(os.getenv("DATASET_NAME"), os.getenv("WORKSPACE"))
     if not dataset:
-        return pd.DataFrame(columns=["User", "Annotations"])
+        return pd.DataFrame(columns=["Usuario", "Contribuciones"])
 
     user_annotations = get_leaderboard(dataset)
     leaderboard_df = pd.DataFrame(
-        list(user_annotations.items()), columns=["User", "Annotations"]
+        list(user_annotations.items()), columns=["Usuario", "Contribuciones"]
     )
-    leaderboard_df = leaderboard_df.sort_values("Annotations", ascending=False).head(5)
+    leaderboard_df = leaderboard_df.sort_values("Contribuciones", ascending=False).head(5)
 
     # Reset index for better display
     leaderboard_df.reset_index(drop=True, inplace=True)
@@ -124,15 +124,17 @@ h1 {
     border-radius: 10px;
     overflow: hidden;
     background-color: white; /* Fondo blanco para la tabla */
+    border: 1px solid white; /* Líneas separadoras blancas */
 }
 
 .dataframe th, .dataframe td {
     padding: 12px 15px;
     text-align: left;
+    border-bottom: 1px solid white; /* Líneas separadoras blancas */
 }
 
 .dataframe th {
-    background-color: #3498db; /* Azul menos llamativo */
+    background-color: #6c757d; /* Color más neutro (gris) */
     color: white;
     font-weight: bold;
 }
@@ -182,17 +184,33 @@ h1 {
 .dataframe tr:nth-child(5) td:first-child::before {
     content: "🎖️ "; /* Emoji para el 4º y 5º puesto */
 }
+
+/* Estilo para el botón */
+button {
+    width: auto !important; /* Ancho automático */
+    padding: 10px 20px !important; /* Padding más pequeño */
+    font-size: 16px !important;
+    background-color: #6c757d !important; /* Color más neutro */
+    color: white !important;
+    border: none !important;
+    border-radius: 5px !important;
+    cursor: pointer !important;
+}
+
+button:hover {
+    background-color: #5a6268 !important; /* Color más oscuro al pasar el ratón */
+}
 """
 
 
 # Gradio Interface
 with gr.Blocks(css=custom_css) as demo:
-    gr.Markdown("# Ranking Contribuciones Letras Carnaval Cádiz")
+    gr.Markdown("# 🏆 Ranking Contribuciones Letras Carnaval Cádiz")  # Emoji en el título
 
     with gr.Row():
         leaderboard_output = gr.Dataframe(
-            label="<span style='color: black; font-weight: bold;'>Top 5 Contribuidores</span>",  # Título en negro
-            headers=["User", "Annotations"],
+            label="Top 5 Contribuidores",  # Título sin <span>
+            headers=["Usuario", "Contribuciones"],  # Cambiado a "Usuario" y "Contribuciones"
             datatype=["str", "number"],
             interactive=False,
             elem_classes="dataframe",
@@ -203,7 +221,7 @@ with gr.Blocks(css=custom_css) as demo:
         inputs=None,
         outputs=[leaderboard_output],
     )
-    gr.Button("Refresh").click(
+    gr.Button("🔄 Actualizar").click(  # Emoji en el botón y texto "Actualizar"
         update_dashboard,
         inputs=None,
         outputs=[leaderboard_output],