Update app.py

app.py

@@ -46,8 +46,16 @@ def chat_with_groq(user_input):
     else:
         return f"Error: {response.json()}"
 
-# Build Gradio interface with better layout
-with gr.Blocks(title="Materials Science Expert Chatbot") as demo:
+# Build Gradio interface with better layout and custom styling
+with gr.Blocks(title="Materials Science Expert Chatbot", css="""
+    #orange-btn {
+        background-color: #f97316 !important;
+        color: white !important;
+        border: none;
+        font-weight: bold;
+    }
+""") as demo:
+    
     gr.Markdown("## 🧪 Materials Science Expert\nAsk about the best materials for any engineering or industrial application.")
 
     with gr.Row():
@@ -60,7 +68,6 @@ with gr.Blocks(title="Materials Science Expert Chatbot") as demo:
         with gr.Column(scale=1, min_width=100):
             submit_btn = gr.Button("Submit", variant="primary", elem_id="orange-btn")
 
-    # Popular questions
     gr.Markdown("#### 📌 Popular Materials Science related questions")
     gr.Markdown("""
 - What are the best corrosion-resistant materials for marine environments (e.g., desalination)?
@@ -74,16 +81,6 @@ with gr.Blocks(title="Materials Science Expert Chatbot") as demo:
 
     submit_btn.click(chat_with_groq, inputs=user_input, outputs=output)
 
-    gr.CSS("""
-        #orange-btn {
-            background-color: #f97316 !important;
-            color: white !important;
-            border: none;
-            font-weight: bold;
-        }
-    """)
-
-
 # Launch the app
 if __name__ == "__main__":
     demo.launch()