Update app.py

app.py

@@ -93,9 +93,9 @@ def show_video(video_url):
 # Create the Gradio interface
 with gr.Blocks(css="""
 #search_output img {
-    width: 500px !important;
-    height: auto !important;
-    margin-right: 20px;
+    width: 150px !important;
+    height: 150px !important;
+    margin-right: 0px;
 }
 #search_output .gallery-item {
     display: flex !important;
@@ -106,7 +106,6 @@ with gr.Blocks(css="""
     text-align: left !important;
     padding-left: 20px;
     font-size: 24px !important;
-    font-weight: bold !important;
 }
 """) as demo:
     gr.Markdown("## YouTube Video Search, Selection, and Playback")
@@ -130,8 +129,9 @@ with gr.Blocks(css="""
         video_ids = []
         for item in search_results:
             image_url = item['thumbnail_url']
-            title = item['title']  # Only show the title as plain text
-            gallery_items.append((image_url, title))  # Pass the title directly as plain text
+            title = item['title']
+            caption = f"{title}"  # Display only the title as plain text
+            gallery_items.append((image_url, caption))
             video_ids.append(item['video_id'])
         return gallery_items, video_ids