Update ui/suggestions_tab.py

ui/suggestions_tab.py

@@ -13,40 +13,45 @@ def create_suggestions_tab():
             elem_classes="centered-text"
         )
 
-        # Input section
-        with gr.Row():
-            suggestion_input = gr.Textbox(
-                label="💬 Your Request",
-                placeholder="Try: Gifts under 500, or Shampoo for dry hair",
-                lines=1,
-                scale=3
-            )
-            suggest_btn = gr.Button("🔍 Get Suggestions", scale=1)
+        with gr.Box(elem_id="suggestion-form-box"):
+            with gr.Row():
+                suggestion_input = gr.Textbox(
+                    label="💬 Your Request",
+                    placeholder="Try: Gifts under 500, or Shampoo for dry hair",
+                    lines=1,
+                    scale=4
+                )
+                suggest_btn = gr.Button("🔍 Get Suggestions", scale=1)
 
-        # Output box
-        suggestions_output = gr.Textbox(
-            label="✨ Suggested Products",
-            lines=10,
-            interactive=False,
-            show_copy_button=True,
-            elem_id="suggestion-box"
-        )
+            suggestions_output = gr.Textbox(
+                label="✨ Suggested Products",
+                lines=10,
+                interactive=False,
+                show_copy_button=True,
+                elem_id="suggestion-box"
+            )
 
-        # Connect logic
         suggest_btn.click(
             generate_product_description,
             inputs=suggestion_input,
             outputs=suggestions_output
         )
 
-        # Styling
         gr.Markdown(
             """
             <style>
                 .centered-text {
                     text-align: center;
-                    font-size: 16px;
-                    font-weight: 500;
+                    font-size: 18px;
+                    font-weight: 600;
+                }
+                #suggestion-form-box {
+                    margin-top: 15px;
+                    border: 1px solid #333;
+                    border-radius: 12px;
+                    padding: 20px;
+                    background: #1c1c1c;
+                    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
                 }
                 #suggestion-box textarea {
                     font-family: 'Courier New', monospace;
@@ -54,7 +59,11 @@ def create_suggestions_tab():
                     background-color: #111827;
                     color: #e5e7eb;
                     border-radius: 10px;
-                    padding: 10px;
+                    padding: 12px;
+                }
+                button {
+                    font-weight: bold;
+                    font-size: 14px;
                 }
             </style>
             """