Update app.py

app.py

@@ -699,6 +699,24 @@ def side():
                 justify-content: space-between;
                 margin-top: 10px;
             }
+            .custom-upload-button {
+                display: inline-block;
+                font-size: 14px;
+                font-weight: 600;
+                color: white;
+                background-color: #007bff;
+                padding: 8px 16px;
+                border-radius: 5px;
+                cursor: pointer;
+                text-align: center;
+                margin-right: 10px;
+            }
+            .custom-upload-button:hover {
+                background-color: #0056b3;
+            }
+            .hidden-file-uploader {
+                display: none;
+            }
             </style>
         """, unsafe_allow_html=True)
         
@@ -710,7 +728,7 @@ def side():
             except Exception as e:
                 st.sidebar.error(f"Error fetching documents: {e}")
                 st.session_state["documents"] = {}
-
+        
         st.sidebar.subheader("Saved Documents")
         
         saved_docs = ""
@@ -730,33 +748,38 @@ def side():
             disabled=True  # To prevent editing of the text area
         )
         
-        # File uploader and delete buttons
-        col1, col2 = st.sidebar.columns(2, gap="small")
+        # Upload and Delete Buttons
+        st.sidebar.markdown('<div class="button-container">', unsafe_allow_html=True)
         
-        with col1:
-            uploaded_file = st.file_uploader("", key="file_uploader", label_visibility="collapsed")
-            if st.button("Upload", key="upload_button"):
-                if uploaded_file:
-                    try:
-                        file_content = convert_file_to_md(uploaded_file)
-                        if file_content:
-                            doc_id = str(uuid.uuid4())
-                            db.child("users").child(st.session_state["wix_user_id"]).child("KnowledgeBase").child(doc_id).set(
-                                {"content": file_content}
-                            )
-                            st.session_state["documents"][doc_id] = {"content": file_content}
-                            st.sidebar.success(f"Document '{uploaded_file.name}' uploaded successfully!")
-                            st.experimental_rerun()
-                        else:
-                            st.sidebar.warning("Failed to process the uploaded file.")
-                    except Exception as e:
-                        st.sidebar.error(f"Error uploading document: {e}")
+        # Custom File Upload Button
+        uploaded_file = st.file_uploader("", key="hidden_file_uploader", label_visibility="collapsed")
+        upload_button_html = f"""
+            <label for="hidden_file_uploader" class="custom-upload-button">Upload</label>
+        """
+        st.sidebar.markdown(upload_button_html, unsafe_allow_html=True)
         
-        with col2:
-            if st.session_state["documents"]:
+        if uploaded_file:
+            try:
+                file_content = convert_file_to_md(uploaded_file)
+                if file_content:
+                    doc_id = str(uuid.uuid4())
+                    db.child("users").child(st.session_state["wix_user_id"]).child("KnowledgeBase").child(doc_id).set(
+                        {"content": file_content}
+                    )
+                    st.session_state["documents"][doc_id] = {"content": file_content}
+                    st.sidebar.success(f"Document '{uploaded_file.name}' uploaded successfully!")
+                    st.experimental_rerun()
+                else:
+                    st.sidebar.warning("Failed to process the uploaded file.")
+            except Exception as e:
+                st.sidebar.error(f"Error uploading document: {e}")
+        
+        # Delete Button and Selector
+        if st.session_state["documents"]:
+            with st.sidebar:
                 selected_doc_to_delete = st.selectbox(
-                    "Select document to delete", 
-                    options=list(st.session_state["documents"].keys()), 
+                    "Select document to delete",
+                    options=list(st.session_state["documents"].keys()),
                     format_func=lambda x: st.session_state["documents"][x].get("content", f"Document {x}"),
                     key="delete_doc_selector"
                 )
@@ -769,6 +792,21 @@ def side():
                     except Exception as e:
                         st.sidebar.error(f"Error deleting document: {e}")
         
+        st.sidebar.markdown('</div>', unsafe_allow_html=True)
+
+
+
+
+
+
+
+
+
+
+
+
+
+        
         # Show Trust Builders Section
         st.subheader("Show My TrustBuilders®")