Update app.py

app.py

@@ -141,7 +141,36 @@ if (summ_text is not None) or ('summ_text' in st.session_state):
     
     st.subheader('Generated slides content')
     # Display editable text box
-    text = st.text_area("Edit Text", st.session_state.current_text, height=200, key="text_area_value", on_change=update_text)
+    # text = st.text_area("Edit Text", st.session_state.current_text, height=200, key="text_area_value", on_change=update_text)
+    st.markdown("""
+    <style>
+        .framed-text-area {
+            border: 2px solid #cccccc;
+            border-radius: 5px;
+            padding: 10px;
+            margin-bottom: 10px;
+        }
+        .framed-text-area label {
+            font-weight: bold;
+        }
+    </style>
+    """, unsafe_allow_html=True)
+    
+    # Function to update text (assuming you have this defined)
+    def update_text():
+        st.session_state.current_text = st.session_state.text_area_value
+    
+    # Display the framed text area
+    st.markdown('<div class="framed-text-area">', unsafe_allow_html=True)
+    text = st.text_area(
+        "Edit Text",
+        st.session_state.current_text,
+        height=200,
+        key="text_area_value",
+        on_change=update_text
+    )
+    st.markdown('</div>', unsafe_allow_html=True)
+
     
     # Display page turner controls
     col1, col2, col3 = st.columns([2.25, 12, 1.7])
@@ -151,20 +180,13 @@ if (summ_text is not None) or ('summ_text' in st.session_state):
         st.button("Previous", on_click=turn_page, args=("prev",))
     
     # Center aligned text in col2
-    # with col2:
-    #     st.markdown(
-    #         f'<div style="display: flex; justify-content: center; align-items: center; height: 100%;">'
-    #         f'Page {st.session_state.page_index + 1} of {len(st.session_state.summ_text)}'
-    #         f'</div>',
-    #         unsafe_allow_html=True
-    #     )
     with col2:
-    st.markdown(
-        f'<div style="display: flex; justify-content: center; align-items: center; height: 100%; border: 2px solid #000; padding: 10px; border-radius: 5px;">'
-        f'Page {st.session_state.page_index + 1} of {len(st.session_state.summ_text)}'
-        f'</div>',
-        unsafe_allow_html=True
-    )
+        st.markdown(
+            f'<div style="display: flex; justify-content: center; align-items: center; height: 100%;">'
+            f'Page {st.session_state.page_index + 1} of {len(st.session_state.summ_text)}'
+            f'</div>',
+            unsafe_allow_html=True
+        )
     
     # Next button in col3, right aligned
     with col3: