Update app.py

app.py

@@ -29,64 +29,53 @@ def search_member(search_term):
     return matches
 
 def create_about_tab():
-    """Create the About tab content"""
+    """Create the About tab content - mobile optimized"""
     with gr.Column():
         gr.Markdown("""
-        # ⛪ ODA Nairobi Diocese Welfare
+        # ⛪ ODA Welfare
         
-        **Organisation of Deacons and Acolytes** - Supporting our members with love and unity.
-        
-        ---
+        **Organisation of Deacons and Acolytes**  
+        Nairobi Diocese
         
         ## 🎯 Mission
-        To provide welfare support to deacons and acolytes in the Nairobi Diocese, fostering brotherhood and spiritual growth.
+        Welfare support for deacons and acolytes, fostering brotherhood and spiritual growth.
         
         ## 👁️ Vision  
-        A beacon of hope and solidarity, ensuring no member walks alone in times of need.
-        
-        ---
-        
-        ## 📜 Our Foundation
+        No member walks alone in times of need.
         
-        > *"By this everyone will know that you are my disciples, if you love one another."*
-        > 
+        ## 📜 Foundation
+        > *"Love one another."*  
         > **John 13:35**
         
-        ---
-        
         ## 🤝 Services
-        
-        - Emergency financial assistance
-        - Medical & bereavement support  
-        - Educational support
-        - Spiritual counseling
+        • Financial assistance  
+        • Medical support  
+        • Educational support  
+        • Spiritual counseling
         """)
 
 def create_search_tab():
-    """Create the Search tab content"""
+    """Create the Search tab content - mobile optimized"""
     with gr.Column():
-        gr.Markdown("## 🔍 Member Search")
-        gr.Markdown("### Find members in the ODA Nairobi Diocese Welfare Department list")
-        gr.Markdown("---")
+        gr.Markdown("## 🔍 Search Members")
         
-        with gr.Row():
-            search_input = gr.Textbox(
-                placeholder="Enter member name to search (e.g. Abraham, Joseph, etc.)...",
-                label="🔎 Search Member Name",
-                scale=4
-            )
-            search_btn = gr.Button("🔍 Search", variant="primary", scale=1, size="lg")
+        search_input = gr.Textbox(
+            placeholder="Enter name (e.g. Abraham)...",
+            label="Member Name",
+            container=False
+        )
+        
+        search_btn = gr.Button("🔍 Search", variant="primary", size="lg", scale=1)
+        
+        status_output = gr.Markdown()
         
         results_output = gr.Dataframe(
-            label="Search Results",
-            headers=["No.", "Name", "Amount"],
+            headers=["#", "Name", "Amount"],
             datatype=["number", "str", "number"],
             interactive=False,
             wrap=True
         )
         
-        status_output = gr.Markdown()
-        
         def search_and_display(search_term):
             result = search_member(search_term)
             if isinstance(result, str):
@@ -102,20 +91,28 @@ def create_search_tab():
         search_input.submit(search_and_display, inputs=search_input, outputs=[results_output, status_output])
 
 def create_app():
-    """Create the Gradio interface with tabs"""
-    with gr.Blocks(title="ODA Nairobi Diocese Welfare", theme=gr.themes.Soft()) as demo:
-        gr.Markdown("# ⛪ ODA Nairobi Diocese Welfare")
-        gr.Markdown("### *Organisation of Deacons and Acolytes - Serving God and Our Community*")
+    """Create mobile-optimized Gradio interface"""
+    with gr.Blocks(
+        title="ODA Welfare", 
+        theme=gr.themes.Soft(),
+        css=".gradio-container {max-width: 100% !important; padding: 10px !important;}"
+    ) as demo:
+        gr.Markdown("# ⛪ ODA Welfare")
+        gr.Markdown("*Nairobi Diocese*")
         
         with gr.Tabs():
-            with gr.TabItem("📖 About Us"):
+            with gr.TabItem("📖 About"):
                 create_about_tab()
             
-            with gr.TabItem("🔍 Member Search"):
+            with gr.TabItem("🔍 Search"):
                 create_search_tab()
     
     return demo
 
 if __name__ == "__main__":
     app = create_app()
-    app.launch(share=False)
+    app.launch(
+        share=False,
+        show_api=False,
+        favicon_path=None,
+    )