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: 150px !important;
-    height: 150px !important;
-    margin-right: 5px;
+    width: 500px !important;
+    height: auto !important;
+    margin-right: 20px;
 }
 #search_output .gallery-item {
     display: flex !important;
@@ -105,7 +105,7 @@ with gr.Blocks(css="""
 #search_output .gallery-caption {
     text-align: left !important;
     padding-left: 20px;
-    font-size: 100px !important;
+    font-size: 24px !important;
     font-weight: bold !important;
 }
 """) as demo:
@@ -130,9 +130,8 @@ with gr.Blocks(css="""
         video_ids = []
         for item in search_results:
             image_url = item['thumbnail_url']
-            title = item['title']  # Only show the title
-            caption = f"<div><h3>{title}</h3></div>"  # Use only the title
-            gallery_items.append((image_url, caption))
+            title = item['title']  # Only show the title as plain text
+            gallery_items.append((image_url, title))  # Pass the title directly as plain text
             video_ids.append(item['video_id'])
         return gallery_items, video_ids