Simplify UI with standard headings and background colors, change to Upload Document

app.py

@@ -466,10 +466,6 @@ with main_tab1:
     
     # File uploader in the left column
     with left_col:
-        st.markdown("""
-        Using the latest `mistral-ocr-latest` model for advanced document understanding.
-        """)
-        
         # Simple CSS just to fix vertical text in drag and drop area
         st.markdown("""
         <style>
@@ -499,7 +495,10 @@ with main_tab1:
         """, unsafe_allow_html=True)
         
         # Add heading for the file uploader (just text, no container)
-        st.markdown('## Upload Historical Document')
+        st.markdown('## Upload Document')
+        
+        # Model info below the heading
+        st.markdown("Using the latest `mistral-ocr-latest` model for advanced document understanding.")
         
         # Enhanced file uploader with better help text
         uploaded_file = st.file_uploader("Drag and drop PDFs or images here", type=["pdf", "png", "jpg", "jpeg"], 
@@ -1189,18 +1188,18 @@ with main_tab1:
                 # Document results will be shown in the right column
                 with right_col:
                     
-                    # Add Document Metadata section - use page background color with white text
-                    st.markdown('<h3 style="margin-bottom:0; padding-bottom:0; color:#ffffff; background-color:#f0f2f6; padding:10px; border-radius:4px 4px 0 0;">Document Metadata</h3>', unsafe_allow_html=True)
+                    # Add Document Metadata section header
+                    st.subheader("Document Metadata")
                     
-                    # Create metadata card with clean styling - page background with white text
-                    metadata_html = '<div class="metadata-card" style="background:#f0f2f6; color:#ffffff; border:1px solid #f0f2f6; border-radius:0 0 4px 4px; padding:15px; margin-bottom:20px;">'
+                    # Create metadata card with standard styling
+                    metadata_html = '<div class="metadata-card" style="padding:15px; margin-bottom:20px;">'
                     
                     # File info
                     metadata_html += f'<p><strong>File Name:</strong> {result.get("file_name", uploaded_file.name)}</p>'
                     
-                    # Info about limited pages - match page background
+                    # Info about limited pages
                     if 'limited_pages' in result:
-                        metadata_html += f'<p style="background:#f0f2f6; padding:8px; border-radius:4px; color:#ffffff;"><strong>Pages:</strong> {result["limited_pages"]["processed"]} of {result["limited_pages"]["total"]} processed</p>'
+                        metadata_html += f'<p style="padding:8px; border-radius:4px;"><strong>Pages:</strong> {result["limited_pages"]["processed"]} of {result["limited_pages"]["total"]} processed</p>'
                     
                     # Languages
                     if 'languages' in result:
@@ -1223,8 +1222,8 @@ with main_tab1:
                     # Render the metadata HTML
                     st.markdown(metadata_html, unsafe_allow_html=True)
                     
-                    # Add content section heading - match page background color
-                    st.markdown('<h3 style="margin-top:20px; margin-bottom:0; padding-bottom:0; color:#ffffff; background-color:#f0f2f6; padding:10px; border-radius:4px;">Document Content</h3>', unsafe_allow_html=True)
+                    # Add content section heading - using standard subheader
+                    st.subheader("Document Content")
                     
                     # Start document content div with consistent styling class
                     st.markdown('<div class="document-content" style="margin-top:10px;">', unsafe_allow_html=True)