Center and resize taxonomy image, move Type column to left

app.py

@@ -40,7 +40,7 @@ with demo:
     gr.HTML(TITLE)
     gr.Markdown(INTRODUCTION_TEXT, elem_classes="markdown-text")
     
-    gr.Image("taxonomy_overview.png", show_label=False, show_download_button=False)
+    gr.Image("taxonomy_overview.png", elem_id="taxonomy-img", show_label=False, show_download_button=False)
     gr.Markdown(LLM_BENCHMARKS_TEXT, elem_classes="markdown-text")
 
     gr.Markdown("### Model evaluation on VerilogEval-Human V1 benchmark (156 problems, 10 rollouts each)")

src/display/css_html_js.py

@@ -94,6 +94,12 @@ custom_css = """
 #box-filter > .form{
     border: 0
 }
+
+#taxonomy-img {
+    max-width: 800px !important;
+    margin: 0 auto !important;
+    display: block !important;
+}
 """
 
 get_window_url_params = """

src/display/utils.py

@@ -23,8 +23,8 @@ class ColumnContent:
 ## Leaderboard columns
 auto_eval_column_dict = []
 # Init
-auto_eval_column_dict.append(["model", ColumnContent, ColumnContent("Model", "markdown", True, never_hidden=True)])
 auto_eval_column_dict.append(["model_type", ColumnContent, ColumnContent("Type", "str", True)])
+auto_eval_column_dict.append(["model", ColumnContent, ColumnContent("Model", "markdown", True, never_hidden=True)])
 #Scores
 for task in Tasks:
     auto_eval_column_dict.append([task.name, ColumnContent, ColumnContent(task.value.col_name, "number", True)])