Update app.py

app.py

@@ -119,7 +119,7 @@ def generate_info_callout(ratio, scope_text):
         f'<div style="text-align: right;">'
         f'  <div style="display: inline-block; background-color: #e6ffe6; padding: 8px; '
         f'       border-radius: 5px; font-size: 0.8em;">'
-        f'    💡 did you know: <strong>{ratio:,.1f}x</strong> energy use difference between most and least efficient model in {scope_text}.'
+        f'    💡 Did you know? There\'s a <strong>{ratio:,.1f}x</strong> energy use difference between the most and least efficient models in {scope_text}.'
         f'  </div>'
         f'</div>'
     )
@@ -297,20 +297,20 @@ with demo:
 
     # --- Logo & Global Callout Row ---
     with gr.Row():
-        with gr.Column(scale=6):
+        with gr.Column(scale=8):
             gr.HTML('''
-            <div style="text-align: left; margin-top: 0px;">
+            <div style="text-align: center; margin-top: 0px;">
                 <img src="https://huggingface.co/spaces/AIEnergyScore/Leaderboard/resolve/main/logo.png" 
                      alt="Logo" 
                      style="display: inline-block; max-width: 300px; height: auto;">
             </div>
             ''')
-        with gr.Column(scale=6):
+        with gr.Column(scale=4):
             global_callout = gr.HTML(get_global_callout())
 
     # --- Tabs for the different tasks ---
     with gr.Tabs():
-        # --- Text Generation Tab (two dropdowns side by side with task callout to the right) ---
+        # --- Text Generation Tab (dropdowns side by side with task callout to the right) ---
         with gr.TabItem("Text Generation 💬"):
             with gr.Row():
                 with gr.Column(scale=4):