Fix Gradio Dataframe headers (#24)

- Apply 'white-space: nowrap' to Dataframe headers to prevent text wrapping (a81e2d5663659853e6858434c51db3f29d93ea69)

app.py

@@ -1,7 +1,7 @@
 import gradio as gr
 import pandas as pd
 import json
-from constants import BANNER, INTRODUCTION_TEXT, CITATION_TEXT, METRICS_TAB_TEXT, DIR_OUTPUT_REQUESTS
+from constants import BANNER, INTRODUCTION_TEXT, CITATION_TEXT, METRICS_TAB_TEXT, DIR_OUTPUT_REQUESTS, LEADERBOARD_CSS
 from init import is_model_on_hub, upload_file, load_all_info_from_dataset_hub
 from utils_display import AutoEvalColumn, fields, make_clickable_model, styled_error, styled_message
 from datetime import datetime, timezone
@@ -102,7 +102,7 @@ def request_model(model_text, chbcoco2017):
     except Exception as e:
         return styled_error(f"Error submitting request!")
 
-with gr.Blocks() as demo:
+with gr.Blocks(css=LEADERBOARD_CSS) as demo:
     gr.HTML(BANNER, elem_id="banner")
     gr.Markdown(INTRODUCTION_TEXT, elem_classes="markdown-text")
 

constants.py

@@ -113,3 +113,9 @@ are ranked based on their average WER scores, from lowest to highest.
 
 For more details on the individual datasets and how models are evaluated to give the ESB score, refer to the [ESB paper](https://arxiv.org/abs/2210.13352).
 """
+
+LEADERBOARD_CSS = """
+#leaderboard-table th .header-content {
+    white-space: nowrap;
+}
+"""