Update app,py

app.py

@@ -46,12 +46,6 @@ def toggle_acknowledgment():
 # Custom styling (pure CSS)
 st.markdown("""
 <style>
-.main-title {
-    font-size: 2.5rem;
-    color: #c0392b;
-    text-align: center;
-    margin-bottom: 1rem;
-}
 /* Button styling */
 .stButton>button {
     background-color: #fff0f0 !important;
@@ -170,10 +164,38 @@ div.stInfo {
     border-top: 1px solid #eee;
     margin-top: 30px;
 }
+/* Center align title */
+.main-title {
+    font-size: 2.5rem;
+    color: #c0392b;
+    text-align: center;
+    margin-bottom: 1rem;
+}
+/* Button container for centering */
+.center-container {
+    display: flex;
+    justify-content: center;
+    margin: 0 auto;
+    width: 100%;
+}
 </style>
 <div class="main-title">Spirituality Q&A</div>
 """, unsafe_allow_html=True)
 
+# Centered button layout without columns
+_, center_col, _ = st.columns([1, 2, 1])  # Create a wider center column
+with center_col:  # Put everything in the center column
+    if st.session_state.show_acknowledgment:
+        st.markdown('<div class="thank-you-button">', unsafe_allow_html=True)
+        if st.button("Hide Thank You Note", on_click=toggle_acknowledgment, disabled=st.session_state.is_processing, use_container_width=True):
+            pass
+        st.markdown('</div>', unsafe_allow_html=True)
+    else:
+        st.markdown('<div class="thank-you-button">', unsafe_allow_html=True)
+        if st.button("Show Thank You Note", on_click=toggle_acknowledgment, disabled=st.session_state.is_processing, use_container_width=True):
+            pass
+        st.markdown('</div>', unsafe_allow_html=True)
+
 # Preload resources during initialization
 init_message = st.empty()
 if not st.session_state.initialized:
@@ -196,20 +218,6 @@ elif st.session_state.init_time is not None:
         init_message.empty()
         st.session_state.init_time = None
 
-# Heartfelt acknowledgment section with toggle - improved button text and disabled during processing
-if st.session_state.show_acknowledgment:
-    st.markdown('<div class="thank-you-button">', unsafe_allow_html=True)
-    # Debouncing applied: disabled if processing
-    if st.button("Hide Thank You Note", on_click=toggle_acknowledgment, disabled=st.session_state.is_processing):
-        pass
-    st.markdown('</div>', unsafe_allow_html=True)
-else:
-    st.markdown('<div class="thank-you-button">', unsafe_allow_html=True)
-    # Debouncing applied: disabled if processing
-    if st.button("Show Thank You Note", on_click=toggle_acknowledgment, disabled=st.session_state.is_processing):
-        pass
-    st.markdown('</div>', unsafe_allow_html=True)
-
 if st.session_state.show_acknowledgment:
     st.markdown('<div class="acknowledgment-container">', unsafe_allow_html=True)
     st.markdown('<div class="acknowledgment-header">A Heartfelt Thank You</div>', unsafe_allow_html=True)