Update app.py

app.py

@@ -129,11 +129,9 @@ def chat_with_portfolio(message, history):
 # Fixed CSS for Gradio 5.0 - properly sized icons and full background
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap');
-
 * { 
     font-family: 'Quicksand', sans-serif !important; 
 }
-
 /* Fix for white space - apply gradient to body and html */
 body, html {
     margin: 0 !important;
@@ -142,21 +140,17 @@ body, html {
     background: linear-gradient(135deg, #a78bfa 0%, #6366f1 50%, #3b82f6 100%) !important;
     background-attachment: fixed !important;
 }
-
 .gradio-container {
     background: transparent !important;
     min-height: 100vh !important;
 }
-
 .main {
     background: transparent !important;
 }
-
 /* Make the app container fill the space */
 .app {
     background: transparent !important;
 }
-
 /* Chat messages */
 .message-wrap {
     background: rgba(255, 255, 255, 0.15) !important;
@@ -165,11 +159,9 @@ body, html {
     border: 1px solid rgba(255, 255, 255, 0.2) !important;
     border-radius: 20px !important;
 }
-
 .message {
     color: white !important;
 }
-
 /* Input textarea */
 .input-wrap textarea, 
 textarea {
@@ -179,11 +171,9 @@ textarea {
     border: 1px solid rgba(255, 255, 255, 0.3) !important;
     border-radius: 12px !important;
 }
-
 textarea::placeholder {
     color: rgba(255, 255, 255, 0.6) !important;
 }
-
 /* Fix button and icon sizes for Gradio 5.0 */
 button {
     height: 44px !important;
@@ -191,7 +181,6 @@ button {
     max-height: 44px !important;
     padding: 8px 12px !important;
 }
-
 /* Target SVG icons inside buttons */
 button svg,
 button img {
@@ -202,7 +191,6 @@ button img {
     max-width: 20px !important;
     max-height: 20px !important;
 }
-
 /* Submit button specific sizing */
 .submit-btn,
 button[type="submit"],
@@ -212,7 +200,6 @@ button[type="submit"],
     min-width: 60px !important;
     max-width: 60px !important;
 }
-
 /* Action buttons (clear, undo, etc) */
 .chatbot .action-button,
 .chatbot button[aria-label*="Clear"],
@@ -222,7 +209,6 @@ button[type="submit"],
     min-width: 44px !important;
     max-width: 44px !important;
 }
-
 /* Example buttons */
 .examples button {
     background: rgba(255, 255, 255, 0.1) !important;
@@ -233,30 +219,26 @@ button[type="submit"],
     max-height: none !important;
     padding: 12px 16px !important;
 }
-
 .examples button:hover {
     background: rgba(255, 255, 255, 0.2) !important;
 }
-
-/* Chatbot container */
+/* Chatbot container - INCREASED SIZE to 700px */
 .chatbot {
     background: rgba(255, 255, 255, 0.05) !important;
     border-radius: 20px !important;
-    min-height: 400px !important;
+    min-height: 700px !important;
+    height: 700px !important;
 }
-
 /* Center and constrain the content */
 .contain {
     max-width: 1200px !important;
     margin: 0 auto !important;
     padding: 20px !important;
 }
-
 /* Hide footer */
 footer { 
     display: none !important; 
 }
-
 /* Additional icon fix for any nested elements */
 button * svg,
 button * img {