Update ui/suggestions_tab.py

ui/suggestions_tab.py

@@ -13,49 +13,46 @@ def create_suggestions_tab():
             elem_classes="centered-text"
         )
 
-        with gr.Group(elem_id="suggestion-form-box"):
-            # Text input field
-            suggestion_input = gr.Textbox(
-                label="💬 Your Request",
-                placeholder="Try: Gifts under 500, or Shampoo for dry hair",
-                lines=1
-            )
+        # 🟩 Input Section
+        suggestion_input = gr.Textbox(
+            label="💬 Your Request",
+            placeholder="Try: Gifts under 500, or Shampoo for dry hair",
+            lines=1
+        )
+
+        # 🔘 Add vertical spacing
+        gr.Markdown("<br>")
 
-            # Submit button
-            suggest_btn = gr.Button("🔍 Get Suggestions")
+        # 🟦 Button
+        suggest_btn = gr.Button("🔍 Get Suggestions")
 
-            # Output textbox
-            suggestions_output = gr.Textbox(
-                label="✨ Suggested Products",
-                lines=10,
-                interactive=False,
-                show_copy_button=True,
-                elem_id="suggestion-box"
-            )
+        # 🔘 Add vertical spacing
+        gr.Markdown("<br>")
+
+        # 🟨 Output Section
+        suggestions_output = gr.Textbox(
+            label="✨ Suggested Products",
+            lines=10,
+            interactive=False,
+            show_copy_button=True,
+            elem_id="suggestion-box"
+        )
 
-        # Button click logic
+        # Logic
         suggest_btn.click(
             generate_product_description,
             inputs=suggestion_input,
             outputs=suggestions_output
         )
 
-        # Custom styling
+        # Optional styling
         gr.Markdown(
             """
             <style>
                 .centered-text {
                     text-align: center;
-                    font-size: 18px;
-                    font-weight: 600;
-                    margin-bottom: 16px;
-                }
-                #suggestion-form-box {
-                    border: 1px solid #333;
-                    border-radius: 12px;
-                    padding: 24px;
-                    background: #1c1c1c;
-                    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
+                    font-size: 16px;
+                    font-weight: 500;
                 }
                 #suggestion-box textarea {
                     font-family: 'Courier New', monospace;
@@ -63,13 +60,7 @@ def create_suggestions_tab():
                     background-color: #111827;
                     color: #e5e7eb;
                     border-radius: 10px;
-                    padding: 12px;
-                }
-                button {
-                    font-weight: bold;
-                    font-size: 14px;
-                    margin-top: 12px;
-                    width: 100%;
+                    padding: 10px;
                 }
             </style>
             """