Update ui/suggestions_tab.py

ui/suggestions_tab.py

@@ -6,8 +6,7 @@ def create_suggestions_tab():
         # 🔷 Header
         gr.Markdown(
             """
-            ## 🤖 Ask RetailGenie for Recommendations
-
+            ## 🤖 Ask RetailGenie for Recommendations  
             🧞 Just type your need — e.g., _"shampoo for dry hair under 500"_, _"gift sets"_, or _"budget skin care"_  
             and let Genie do the rest!
             """,
@@ -21,13 +20,11 @@ def create_suggestions_tab():
             lines=1
         )
 
-        # 🔘 Add vertical spacing
         gr.Markdown("<div style='margin-top: 8px;'></div>")
 
         # 🟦 Button
         suggest_btn = gr.Button("🔍 Get Suggestions")
 
-        # 🔘 Add vertical spacing
         gr.Markdown("<div style='margin-top: 12px;'></div>")
 
         # 🟨 Output Section
@@ -41,7 +38,29 @@ def create_suggestions_tab():
 
         # 🧠 Connect logic to FLAN model
         suggest_btn.click(
-            generate_product_description,
+            fn=generate_product_description,
             inputs=suggestion_input,
             outputs=suggestions_output
         )
+
+        # 💅 CSS for centered text and consistent spacing
+        gr.Markdown(
+            """
+            <style>
+                .centered-text {
+                    text-align: center;
+                    font-size: 16px;
+                    font-weight: 500;
+                }
+                #suggestion-box textarea {
+                    font-family: 'Courier New', monospace;
+                    font-size: 14px;
+                    background-color: #111827;
+                    color: #e5e7eb;
+                    border-radius: 10px;
+                    padding: 10px;
+                    white-space: pre-line;  /* important for preserving line breaks */
+                }
+            </style>
+            """
+        )