Update app.py

app.py

@@ -14,77 +14,99 @@ def search_courses(query: str, num_results: int) -> str:
     
     return search_system.search_courses(query, top_k=num_results)
 
-# Create Gradio interface with light theme
-with gr.Blocks(
-    title="Analytics Vidhya Free Course Search",
-    theme=gr.themes.Soft(
-        primary_hue="blue",
-        secondary_hue="gray",
-        neutral_hue="gray",
-        text_size="lg"
-    )
-) as iface:
-    gr.Markdown("""
-    # Analytics Vidhya Free Course Search
-    Find the perfect free course from Analytics Vidhya's collection using natural language search.
-    Simply describe what you're looking for!
-    """)
-    
-    with gr.Row():
-        with gr.Column():
+# Custom CSS for better spacing and minimalistic design
+custom_css = """
+#component-0 {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 2rem;
+}
+.gradio-container {
+    max-width: 850px !important;
+}
+.footer {
+    margin-top: 3rem;
+    padding-top: 1rem;
+    border-top: 1px solid #eee;
+    text-align: center;
+    font-size: 0.9em;
+    color: #666;
+}
+.container {
+    margin: 1rem auto;
+    padding: 1.5rem;
+    border-radius: 12px;
+    background: #ffffff;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+"""
+
+# Create Gradio interface with improved design
+with gr.Blocks(css=custom_css, title="Analytics Vidhya Course Search") as iface:
+    with gr.Column(elem_classes="container"):
+        gr.Markdown(
+            """
+            # Analytics Vidhya Course Search
+            
+            Find the perfect free course from Analytics Vidhya's collection using natural language search.
+            Simply describe what you're looking for in plain English!
+            """
+        )
+        
+        with gr.Column(scale=1):
             query_input = gr.Textbox(
                 label="What would you like to learn?",
                 placeholder="E.g., 'machine learning for beginners' or 'computer vision projects'",
-                lines=2
-            )
-            num_results = gr.Slider(
-                minimum=1,
-                maximum=10,
-                value=3,
-                step=1,
-                label="Number of results to show"
-            )
-            search_button = gr.Button(
-                "🔍 Search Courses", 
-                variant="primary"
+                lines=2,
+                container=False
             )
+            
+            with gr.Row():
+                num_results = gr.Slider(
+                    minimum=1,
+                    maximum=10,
+                    value=3,
+                    step=1,
+                    label="Number of results",
+                    container=False
+                )
+                search_button = gr.Button(
+                    "🔍 Search",
+                    variant="primary",
+                    size="lg"
+                )
         
-    output = gr.Markdown(
-        label="Search Results",
-        elem_classes="search-results"
+        # Add some spacing
+        gr.Markdown("")
+        
+        # Results section with better formatting
+        with gr.Column():
+            output = gr.Markdown(
+                label="Search Results",
+                elem_classes="results-container"
+            )
+    
+    # Footer with subtle styling
+    gr.Markdown(
+        """
+        <div class="footer">
+        Made with ❤️ using Sentence Transformers and Gradio
+        </div>
+        """,
+        elem_classes="footer"
     )
     
+    # Set up the click event
     search_button.click(
         fn=search_courses,
         inputs=[query_input, num_results],
         outputs=output
     )
-    
-    # Add custom CSS for better light mode appearance
-    gr.Markdown("""
-    <style>
-    .search-results {
-        background-color: #ffffff;
-        padding: 20px;
-        border-radius: 8px;
-        border: 1px solid #e0e0e0;
-    }
-    .gradio-container {
-        background-color: #f8f9fa;
-    }
-    .footer {
-        margin-top: 2rem;
-        text-align: center;
-        color: #666;
-    }
-    </style>
-    """)
-    
-    gr.Markdown("""
-    <div class="footer">
-    Made with Sentence Transformers and Gradio
-    </div>
-    """)
 
 if __name__ == "__main__":
-    iface.launch()
+    iface.launch(
+        share=False,
+        debug=False,
+        show_api=False,
+        show_error=False
+    )