Update positioning of tabs

app.py

@@ -71,25 +71,11 @@ with demo:
 
     Click on one the examples provided to load them into the UI and "Classify".
 
-    - For text and multimodal classification, provide your 1) prompt with the word you want to be filled in as `[MASK]`, and 2) possible options to be ranked separated by `;`.  
     - For image classification, provide class options to be ranked separated by `;`.
+    - For text and multimodal classification, provide your 1) prompt with the word you want to be filled in as `[MASK]`, and 2) possible options to be ranked separated by `;`.  
     """
     )
     with gr.Tabs():
-        with gr.TabItem("Zero-Shot Text Classification"):
-            with gr.Row():
-                with gr.Column():
-                    text_input = gr.Textbox(label="Prompt")
-                    text_options = gr.Textbox(label="Label options (separate by ;)")
-                    text_button = gr.Button("Classify")
-                    text_dataset = gr.Dataset(
-                        components=[text_input, text_options],
-                        samples=[
-                            ["by far the worst movie of the year. This was [MASK]", "negative; positive"],
-                            ["Lord Voldemort -- in the films; born Tom Marvolo Riddle) is a fictional character and the main antagonist in J.K. Rowling's series of Harry Potter novels. Voldemort first appeared in Harry Potter and the Philosopher's Stone, which was released in 1997. Voldemort appears either in person or in flashbacks in each book and its film adaptation in the series, except the third, Harry Potter and the Prisoner of Azkaban, where he is only mentioned. Question: are tom riddle and lord voldemort the same person? Answer: [MASK]", "no; yes"],
-                        ]
-                    )
-                labels_text = gr.Label(label="Probabilities")
         with gr.TabItem("Zero-Shot Image Classification"):
             with gr.Row():
                 with gr.Column():
@@ -105,6 +91,20 @@ with demo:
                     )
 
                 labels_image = gr.Label(label="Probabilities")
+        with gr.TabItem("Zero-Shot Text Classification"):
+            with gr.Row():
+                with gr.Column():
+                    text_input = gr.Textbox(label="Prompt")
+                    text_options = gr.Textbox(label="Label options (separate by ;)")
+                    text_button = gr.Button("Classify")
+                    text_dataset = gr.Dataset(
+                        components=[text_input, text_options],
+                        samples=[
+                            ["by far the worst movie of the year. This was [MASK]", "negative; positive"],
+                            ["Lord Voldemort -- in the films; born Tom Marvolo Riddle) is a fictional character and the main antagonist in J.K. Rowling's series of Harry Potter novels. Voldemort first appeared in Harry Potter and the Philosopher's Stone, which was released in 1997. Voldemort appears either in person or in flashbacks in each book and its film adaptation in the series, except the third, Harry Potter and the Prisoner of Azkaban, where he is only mentioned. Question: are tom riddle and lord voldemort the same person? Answer: [MASK]", "no; yes"],
+                        ]
+                    )
+                labels_text = gr.Label(label="Probabilities")
         with gr.TabItem("Zero-Shot MultiModal Classification"):
             with gr.Row():
                 with gr.Column():