Update static/styles.css

static/styles.css

@@ -11,7 +11,8 @@ body {
 
 .chat-container {
     background-color: #fff;
-    width: 300px;
+    width: 400px; /* Increase width */
+    height: 600px; /* Increase height */
     border-radius: 8px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     overflow: hidden;
@@ -21,13 +22,13 @@ body {
     background-color: #4CAF50;
     color: white;
     text-align: center;
-    padding: 10px;
+    padding: 15px;
     font-size: 18px;
 }
 
 .chat-messages {
-    padding: 10px;
-    height: 300px;
+    padding: 15px;
+    height: 450px; /* Increased height for messages */
     overflow-y: auto;
     border-bottom: 1px solid #ddd;
 }
@@ -72,7 +73,7 @@ button:hover {
 }
 
 .selected-ingredients {
-    padding: 10px;
+    padding: 15px;
     margin-top: 10px;
 }