Update app.py

app.py

@@ -104,17 +104,20 @@ def search_apps(user_query):
     except Exception as e:
         return f"<div style='color:red;'>Error: {str(e)}</div>"
 
-# --- 3. The UI (Fixed Theme & Video Crash) ---
-with gr.Blocks() as demo:  # Removed theme from here (Fixes Warning)
+# --- 3. The UI (Rearranged Layout) ---
+with gr.Blocks() as demo:
     
+    # Title stays at the absolute top (Header)
     gr.Markdown("# 📱 AI App Recommender")
-    gr.Markdown("Describe what you need, and the AI will find the best apps for you.")
     
-    # --- TABS START ---
+    # TABS are now at the top of the content
     with gr.Tabs():
         
-        # TAB 1: SEARCH
+        # --- TAB 1: SEARCH ---
         with gr.Tab("🔍 Find Apps"):
+            # Description is now INSIDE the tab, above the search bar
+            gr.Markdown("Describe what you need, and the AI will find the best apps for you.")
+            
             with gr.Column():
                 with gr.Row():
                     txt_input = gr.Textbox(show_label=False, placeholder="Type here... (e.g., 'I need a puzzle game for kids')", scale=4)
@@ -123,16 +126,18 @@ with gr.Blocks() as demo:  # Removed theme from here (Fixes Warning)
                 gr.Examples(examples=[["I want a timer for my kitchen"], ["A game to learn math"]], inputs=txt_input)
                 output_html = gr.HTML(label="Recommended Apps")
 
-        # TAB 2: VIDEO (Safe HTML Version)
+        # --- TAB 2: VIDEO (Smaller & Centered) ---
         with gr.Tab("🎥 Video Presentation"):
             gr.Markdown("### Watch our project presentation below:")
             
-            # This is the "Safe" way that won't crash your app
+            # Smaller video (600px) and centered
             gr.HTML("""
-                <video width="100%" controls>
-                    <source src="https://huggingface.co/spaces/Liori25/ReccomendationSystemForApps/resolve/main/PresentationVideo.mp4" type="video/mp4">
-                    Your browser does not support the video tag.
-                </video>
+                <div style="display: flex; justify-content: center; align-items: center;">
+                    <video width="600" controls style="border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);">
+                        <source src="https://huggingface.co/spaces/Liori25/ReccomendationSystemForApps/resolve/main/PresentationVideo.mp4" type="video/mp4">
+                        Your browser does not support the video tag.
+                    </video>
+                </div>
             """)
 
     # --- FOOTER ---
@@ -142,5 +147,5 @@ with gr.Blocks() as demo:  # Removed theme from here (Fixes Warning)
     btn_submit.click(fn=search_apps, inputs=txt_input, outputs=output_html)
     txt_input.submit(fn=search_apps, inputs=txt_input, outputs=output_html)
 
-# --- Launch with Theme (Fixes Warning) ---
+# --- Launch ---
 demo.launch(theme=gr.themes.Soft())