change style to collapsible

app.py

@@ -48,10 +48,6 @@ INIT_MARKDOWN = """
 
  
 
- 
-
- 
-
 👈 Fill in as much data as you can...
 
  
@@ -60,10 +56,6 @@ INIT_MARKDOWN = """
 
  
 
- 
-
- 
-
 👈 ... then click here!
 """
 
@@ -76,7 +68,7 @@ Here is a list of suggestions for you:
 """
 
 TASK_MODEL_MISMATCH = """
-<details><summary>Select a better model for your task</summary>
+<details><summary>{count}. Select a better model for your task</summary>
 
 The selected model ({model_name}) is not appropriate for the task you selected {task_type}).
 </details>
@@ -103,11 +95,14 @@ def get_suggestions(task_type, model_name, problem_type):
     # Check if the inputs were given
     if task_type == "" and model_name == "" and problem_type == "":
         return INIT_MARKDOWN
+
     suggestions = SUGGETIONS_HEADER
+    counter = 0
 
     # Check if the model is valid for the task. If not, return straight away
     if not is_valid_task_for_model(model_name, task_type):
-        suggestions += TASK_MODEL_MISMATCH.format(model_name=model_name, task_type=task_type)
+        counter += 1
+        suggestions += TASK_MODEL_MISMATCH.format(count=counter, model_name=model_name, task_type=task_type)
         return suggestions
 
     # Demo shortcut: only a few sections are working
@@ -135,19 +130,19 @@ with demo:
     with gr.Row():
         with gr.Column():
             problem_type = gr.Dropdown(
-                label="What would you like to improve? (sorted by keyword)",
+                label="What would you like to improve?",
                 choices=[""] + list(PROBLEMS.keys()),
                 interactive=True,
                 value="",
             )
             task_type = gr.Dropdown(
-                label="What is the task you're trying to accomplish?",
+                label="What task are you working on?",
                 choices=[""] + list(TASK_TYPES.keys()),
                 interactive=True,
                 value="",
             )
             model_name = gr.Textbox(
-                label="Which model are you using? (leave blank if you haven't decided)",
+                label="Which model are you using?",
                 placeholder="e.g. google/flan-t5-xl",
                 interactive=True,
             )