Update app.py

app.py

@@ -131,14 +131,15 @@ Choose one of the three tasks below ... and start to play!
 
         with gr.Row():
             with gr.Column():
-                sample_button_en = gr.Button("Click to get a review in English.", size='sm')
-                gr.Markdown(''' <p style="text-align: center;"> or </p> ''')
-                # gr.Markdown(''' <h2 style="text-align: center;"> or </h2> ''')
-                sample_button_nl = gr.Button("Click to get a review in Dutch.", size='sm')
+                with gr.Row():
+                    sample_button_en = gr.Button("Click to get a review in English.", size='sm')
+                    gr.Markdown(''' <p style="text-align: center;"> or </p> ''')
+                    # gr.Markdown(''' <h2 style="text-align: center;"> or </h2> ''')
+                    sample_button_nl = gr.Button("Click to get a review in Dutch.", size='sm')
 
-                # h1 = gr.HighlightedText(label="Review/Recensie:", interactive=True, show_legend=True, combine_adjacent=False, color_map={"+": "red", "-": "green"})
+                # h1 = gr.HighlightedText(label="Review:", interactive=True, show_legend=True, combine_adjacent=False, color_map={"+": "red", "-": "green"})
 
-                input_text = gr.Textbox(label="Review/Recensie:", value="HELLO! Hallo!", visible=False, container=False)
+                input_text = gr.Textbox(label="Review:", value="HELLO! Hallo!", visible=False, container=False)
                 interpretation1 = gr.components.Interpretation(input_text)
 
                 # image_1_1 = gr.Image('icon_user.png', height=80, width=80, min_width=80, show_label=False, show_share_button=False, interactive=False)
@@ -178,8 +179,8 @@ Choose one of the three tasks below ... and start to play!
                 chat_button_1 = gr.Button("Click to see AI's answer.", size='sm')
                 slider_1_2 = gr.Slider(label="AI: Dislike ——> Like", container=True, min_width=200, height=80, show_label=True, interactive=True)
                 interpre_button = gr.Button("See how AI gets the answer.", size='sm')
-                # h2 = gr.HighlightedText(label="Review/Recensie:", interactive=True, show_legend=True, combine_adjacent=False, color_map={"+": "red", "-": "green"})
-                placeholder_text = gr.Textbox(label="Review/Recensie:", value="HELLO! Hallo!", visible=False)
+                # h2 = gr.HighlightedText(label="Review:", interactive=True, show_legend=True, combine_adjacent=False, color_map={"+": "red", "-": "green"})
+                placeholder_text = gr.Textbox(label="Review:", value="HELLO! Hallo!", visible=False)
                 interpretation2 = gr.components.Interpretation(placeholder_text)
                 # image_1_2 = gr.Image('icon_robot.png', height=80, width=80, min_width=80, show_label=False, show_share_button=False, interactive=False)
             chatbot1 = gr.Chatbot(height=200, min_width=50, container=False) # height=300
@@ -194,7 +195,7 @@ Choose one of the three tasks below ... and start to play!
 
         with gr.Row():
             with gr.Column():
-                text_written = gr.Textbox(label="Review/Recensie: ", value="HELLO! Hallo!", visible=True)
+                text_written = gr.Textbox(label="Review: ", placeholder="Now try your own!", visible=True)
                 # image_1_3 = gr.Image('icon_user.png', height=80, width=80, min_width=80, show_label=False, show_share_button=False, interactive=False)
                 slider_1_3 = gr.Slider(label="Human: Dislike ——> Like", container=True, min_width=200, height=80, show_label=True, interactive=True)
                 lang_written = gr.Radio(["English", "Dutch"], label="Language:", info="In which language is the review written?")