Update app.py

app.py

@@ -40,6 +40,7 @@ st.markdown("""
         padding: 20px;
         background-color: white;
         margin-bottom: 20px;
+        min-height: 300px;
     }
     .format-card {
         border: 1px solid #e0e0e0;
@@ -507,6 +508,9 @@ with col1:
 with col2:
     st.markdown('<div class="custom-subheader">Your Personalized Recommendations</div>', unsafe_allow_html=True)
     
+    # Always show the results container
+    st.markdown('<div class="results-container">', unsafe_allow_html=True)
+    
     if generate_button and objectives and goals:
         with st.spinner("Analyzing your requirements..."):
             # Simulate processing time
@@ -537,11 +541,10 @@ with col2:
             
             st.success("Analysis complete! Here are your recommendations:")
     
+    # Check if we have recommendations to display
     if st.session_state["recommendations"] is not None:
         recommendations = st.session_state["recommendations"]
         
-        st.markdown('<div class="results-container">', unsafe_allow_html=True)
-        
         # Personalized headline
         st.markdown(f'<h3 style="color: #2c3e50; margin-bottom: 20px;">Recommended for {recommendations["params"]["audience"].lower()}:</h3>', unsafe_allow_html=True)
         
@@ -595,8 +598,6 @@ with col2:
             else:
                 st.markdown("*All relevant options are shown above.*")
         
-        st.markdown('</div>', unsafe_allow_html=True)
-        
         # Grouped Action Buttons
         st.markdown('<div class="action-buttons-container">', unsafe_allow_html=True)
         st.markdown("**Take Action:**", unsafe_allow_html=True)
@@ -611,13 +612,12 @@ with col2:
                 st.success("Excellent choice! Our learning design experts will be in touch within 24 hours.")
         
         with col_b2:
-            # Clickable consultation CTA
-            st.markdown("""
-            <div class="consultation-cta" onclick="window.open('https://www.motechhq.com/connect/', '_blank');">
-                <h4>Want Expert Guidance?</h4>
-                <p style="margin-bottom: 0;">Schedule a free consultation with the learning design experts at Motivation Technologies today!</p>
-            </div>
-            """, unsafe_allow_html=True)
+            # Fixed consultation button using st.link_button
+            st.link_button(
+                "Schedule Free Consultation",
+                "https://www.motechhq.com/connect/",
+                use_container_width=True
+            )
         
         # New analysis button (full width, secondary action)
         st.markdown('<div style="margin-top: 10px;">', unsafe_allow_html=True)
@@ -629,22 +629,24 @@ with col2:
         st.markdown('</div>', unsafe_allow_html=True)
     
     else:
-        # Show placeholder inside results container
-        st.markdown('<div class="results-container">', unsafe_allow_html=True)
+        # Show placeholder INSIDE the results container
         st.markdown('<div class="placeholder-area">', unsafe_allow_html=True)
         st.markdown('<h3>🎯 Your Recommendations Will Appear Here</h3>')
         st.markdown('<p>Complete the form and click "Get My Recommendations" to see your personalized training format suggestions.</p>')
         st.markdown('</div>', unsafe_allow_html=True)
-        st.markdown('</div>', unsafe_allow_html=True)
-        
-        # Consultation CTA outside the results container
+    
+    # Close the results container
+    st.markdown('</div>', unsafe_allow_html=True)
+    
+    # Consultation CTA outside the results container - only show when no recommendations
+    if st.session_state["recommendations"] is None:
         st.markdown('<div class="section-spacer"></div>', unsafe_allow_html=True)
-        st.markdown("""
-        <div class="consultation-cta" onclick="window.open('https://www.motechhq.com/connect/', '_blank');">
-            <h4>Want Expert Guidance?</h4>
-            <p style="margin-bottom: 0;">Schedule a free consultation with the learning design experts at Motivation Technologies today!</p>
-        </div>
-        """, unsafe_allow_html=True)
+        st.link_button(
+            "Want Expert Guidance? Schedule a Free Consultation",
+            "https://www.motechhq.com/connect/",
+            use_container_width=True,
+            type="secondary"
+        )
 
 # Footer
 st.markdown('<div class="footnote">', unsafe_allow_html=True)