Update app.py

app.py

@@ -142,38 +142,25 @@ def get_zip_data_link():
     )
 
 with gr.Blocks() as demo:
-    # --- Header Links (at the very top) ---
-    with gr.Row():
-        leaderboard_link = gr.HTML(
-            '<a href="https://huggingface.co/spaces/AIEnergyScore/Leaderboard" '
-            'style="margin: 0 10px; text-decoration: none; font-weight: bold; font-size: 1.1em; '
-            'color: black; font-family: \'Inter\', sans-serif;">Leaderboard</a>'
-        )
-        label_link = gr.HTML(
-            '<a href="https://huggingface.co/spaces/AIEnergyScore/Label" '
-            'style="margin: 0 10px; text-decoration: none; font-weight: bold; font-size: 1.1em; '
-            'color: black; font-family: \'Inter\', sans-serif;">Label Generator</a>'
-        )
-        faq_link = gr.HTML(
-            '<a href="https://huggingface.github.io/AIEnergyScore/#faq" '
-            'style="margin: 0 10px; text-decoration: none; font-weight: bold; font-size: 1.1em; '
-            'color: black; font-family: \'Inter\', sans-serif;">FAQ</a>'
-        )
-        documentation_link = gr.HTML(
-            '<a href="https://huggingface.github.io/AIEnergyScore/#documentation" '
-            'style="margin: 0 10px; text-decoration: none; font-weight: bold; font-size: 1.1em; '
-            'color: black; font-family: \'Inter\', sans-serif;">Documentation</a>'
-        )
-    
+    with demo:
+    # --- Header Links (at the very top, evenly spaced) ---
+    gr.HTML(f'''
+    <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>
+        <a href="https://huggingface.github.io/AIEnergyScore/#faq" style="text-decoration: none; font-weight: bold; font-size: 1.1em; color: black; font-family: 'Inter', sans-serif;">FAQ</a>
+        <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>
+    ''')
+
     # --- Logo (centered) ---
     gr.HTML('''
     <div style="margin-top: 0px;">
         <img src="https://huggingface.co/spaces/AIEnergyScore/Leaderboard/resolve/main/logo.png" 
              alt="Logo" 
-             style="display: block; margin: 0 auto; max-width: 500px; height: auto;">
-    </div>
+             style="display: block; margin: 0 auto; max-width: 300px; height: auto;">
     ''')
-
     # --- 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.")