Update app.py

app.py

@@ -142,9 +142,8 @@ def get_zip_data_link():
     )
 
 with gr.Blocks() as demo:
-    with demo:
     # --- Header Links (at the very top, evenly spaced) ---
-    gr.HTML(f'''
+    gr.HTML("""
     <div style="display: flex; justify-content: space-evenly; align-items: center; margin-bottom: 20px;">
         <a href="https://huggingface.co/spaces/AIEnergyScore/leaderboard" style="text-decoration: none; font-weight: bold; font-size: 1.1em; color: black; font-family: 'Inter', sans-serif;">Leaderboard</a>
         <a href="https://huggingface.co/spaces/AIEnergyScore/Label" style="text-decoration: none; font-weight: bold; font-size: 1.1em; color: black; font-family: 'Inter', sans-serif;">Label Generator</a>
@@ -152,15 +151,18 @@ with gr.Blocks() as demo:
         <a href="https://huggingface.github.io/AIEnergyScore/#documentation" style="text-decoration: none; font-weight: bold; font-size: 1.1em; color: black; font-family: 'Inter', sans-serif;">Documentation</a>
         {get_zip_data_link()}
         <a href="https://huggingface.co/spaces/AIEnergyScore/README/discussions" style="text-decoration: none; font-weight: bold; font-size: 1.1em; color: black; font-family: 'Inter', sans-serif;">Community</a>
-    ''')
-
+    </div>
+    """)
+    
     # --- Logo (centered) ---
-    gr.HTML('''
-    <div style="margin-top: 0px;">
+    gr.HTML("""
+    <div style="margin-top: 0px; text-align: center;">
         <img src="https://huggingface.co/spaces/AIEnergyScore/Leaderboard/resolve/main/logo.png" 
              alt="Logo" 
-             style="display: block; margin: 0 auto; max-width: 300px; height: auto;">
-    ''')
+             style="max-width: 300px; height: auto;">
+    </div>
+    """)
+    
     # --- Main UI ---
     gr.Markdown("# Submission Portal")
     gr.Markdown("### The goal of the AI Energy Score project is to develop an energy-based rating system for AI model deployment that will guide members of the community in choosing models for different tasks based on energy efficiency.")