Update ui/suggestions_tab.py

ui/suggestions_tab.py

@@ -14,15 +14,17 @@ def create_suggestions_tab():
         )
 
         with gr.Group(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)
+            # Text input field
+            suggestion_input = gr.Textbox(
+                label="💬 Your Request",
+                placeholder="Try: Gifts under 500, or Shampoo for dry hair",
+                lines=1
+            )
+
+            # Submit button
+            suggest_btn = gr.Button("🔍 Get Suggestions")
 
+            # Output textbox
             suggestions_output = gr.Textbox(
                 label="✨ Suggested Products",
                 lines=10,
@@ -31,12 +33,14 @@ def create_suggestions_tab():
                 elem_id="suggestion-box"
             )
 
+        # Button click logic
         suggest_btn.click(
             generate_product_description,
             inputs=suggestion_input,
             outputs=suggestions_output
         )
 
+        # Custom styling
         gr.Markdown(
             """
             <style>
@@ -44,12 +48,12 @@ def create_suggestions_tab():
                     text-align: center;
                     font-size: 18px;
                     font-weight: 600;
+                    margin-bottom: 16px;
                 }
                 #suggestion-form-box {
-                    margin-top: 15px;
                     border: 1px solid #333;
                     border-radius: 12px;
-                    padding: 20px;
+                    padding: 24px;
                     background: #1c1c1c;
                     box-shadow: 0 4px 12px rgba(0,0,0,0.4);
                 }
@@ -59,11 +63,13 @@ def create_suggestions_tab():
                     background-color: #111827;
                     color: #e5e7eb;
                     border-radius: 10px;
-                    padding: 30px;
+                    padding: 12px;
                 }
                 button {
                     font-weight: bold;
                     font-size: 14px;
+                    margin-top: 12px;
+                    width: 100%;
                 }
             </style>
             """