Update app.py

app.py

@@ -114,26 +114,18 @@ 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
 
-    # 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):
+        with gr.Column(scale=3):
             search_query_input = gr.Textbox(label="Search YouTube", 
                                             placeholder="Enter your search query here", 
-                                            elem_id="search_query_input")
+                                            elem_id="search_query_input")  # Add elem_id to target in CSS
             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")
+        with gr.Column(scale=2):
+            selected_video_link = gr.Textbox(label="Selected Video Link", interactive=False)
+            play_video_button = gr.Button("Play Video")
+            video_output = gr.HTML(label="Video Player")
 
     # Update the search results and store video IDs
     def update_search_results(query):