Update app.py

app.py

@@ -151,7 +151,7 @@ def get_zip_data_link():
         f'<a href="data:application/zip;base64,{b64}" '
         'download="data.zip" '
         'style="text-decoration: none; font-weight: bold; font-size: 1.1em; '
-        'color: black; font-family: \'Inter\', sans-serif;">Download Data</a>'
+        'color: inherit; font-family: \'Inter\', sans-serif;">Download Data</a>'
     )
     return href
 
@@ -170,7 +170,7 @@ def update_text_generation(selected_display, sort_order):
         return df
     df = process_df('text_generation.csv', sort_order, filter_fn)
     ratio = compute_efficiency_ratio(df)
-    # For Text Generation, use "this class" at the end.
+    # For Text Generation, use "this class" as the scope.
     callout = generate_info_callout(ratio, "this class")
     table_html = generate_html_table_from_df(df)
     return callout, table_html
@@ -275,10 +275,9 @@ global_header_html = f"""
 </div>
 """
 
-### GRADIO INTERFACE ###
-
-# Additional CSS for dark mode and mobile responsiveness
+### CUSTOM CSS for Dark Mode and Mobile Responsiveness ###
 custom_css = """
+/* Table and layout */
 .gr-dataframe table {
     table-layout: fixed;
     width: 100%;
@@ -309,30 +308,32 @@ custom_css = """
         color: #e0e0e0;
     }
     a {
-        color: #bb86fc;
+        color: #bb86fc !important;
     }
 }
 
 /* Mobile styles: hide callout boxes on small screens */
 @media (max-width: 600px) {
     .info-callout {
-        display: none;
+        display: none !important;
     }
 }
 """
 
+### GRADIO INTERFACE ###
+
 demo = gr.Blocks(css=custom_css)
 
 with demo:
     # --- Header Links ---
     gr.HTML(f"""
     <div style="display: flex; justify-content: space-evenly; align-items: center; margin-bottom: 20px;">
-        <a href="https://huggingface.co/spaces/AIEnergyScore/submission_portal" style="text-decoration: none; font-weight: bold; font-size: 1.1em; color: black; font-family: 'Inter', sans-serif;">Submission Portal</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>
+        <a href="https://huggingface.co/spaces/AIEnergyScore/submission_portal" style="text-decoration: none; font-weight: bold; font-size: 1.1em;">Submission Portal</a>
+        <a href="https://huggingface.co/spaces/AIEnergyScore/Label" style="text-decoration: none; font-weight: bold; font-size: 1.1em;">Label Generator</a>
+        <a href="https://huggingface.github.io/AIEnergyScore/#faq" style="text-decoration: none; font-weight: bold; font-size: 1.1em;">FAQ</a>
+        <a href="https://huggingface.github.io/AIEnergyScore/#documentation" style="text-decoration: none; font-weight: bold; font-size: 1.1em;">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>
+        <a href="https://huggingface.co/spaces/AIEnergyScore/README/discussions" style="text-decoration: none; font-weight: bold; font-size: 1.1em;">Community</a>
     </div>
     """)