Update app.py

app.py

@@ -114,19 +114,27 @@ with gr.Blocks(css="""
     gr.Markdown("## YouTube Video Search, Selection, and Playback")
     video_ids_state = gr.State()  # To store video IDs corresponding to the search results
 
-    # Arrange "Selected Video" and "Play Video" above the search bar
+    # Row for Selected Video Link and Play Video Button
     with gr.Row():
         with gr.Column(scale=1, min_width=400):
             selected_video_link = gr.Textbox(label="Selected Video Link", interactive=False)
+        with gr.Column(scale=1, min_width=400):
             play_video_button = gr.Button("Play Video")
 
+    # Row for Search Bar and Search Button
+    with gr.Row():
         with gr.Column(scale=1, min_width=400):
             search_query_input = gr.Textbox(label="Search YouTube", 
                                             placeholder="Enter your search query here", 
                                             elem_id="search_query_input")
             search_button = gr.Button("Search")
+        with gr.Column(scale=1, min_width=400):
             search_output = gr.Gallery(label="Search Results", columns=1, height="800px", elem_id="search_output")
 
+    # Add a row for the video output (below the search output)
+    with gr.Row():
+        video_output = gr.HTML(label="Video Player")
+
     # Update the search results and store video IDs
     def update_search_results(query):
         search_results = youtube_search(query)