Fix white bar issue in metadata display by removing expander and using direct HTML

app.py

@@ -1161,35 +1161,39 @@ with main_tab1:
                     # Display Document Contents section
                     st.subheader("Document Contents")
                     
-                    # Add Document Metadata section inside the content area
-                    with st.expander("Document Metadata", expanded=True):
-                        # Create a clean metadata container
-                        st.markdown('<div class="metadata-container">', unsafe_allow_html=True)
-                        
-                        # Display file info
-                        st.write(f"**File Name:** {result.get('file_name', uploaded_file.name)}")
-                        
-                        # Display info if only limited pages were processed
-                        if 'limited_pages' in result:
-                            st.info(f"Processed {result['limited_pages']['processed']} of {result['limited_pages']['total']} pages")
-                        
-                        # Display languages if available
-                        if 'languages' in result:
-                            languages = [lang for lang in result['languages'] if lang is not None]
-                            if languages:
-                                st.write(f"**Languages:** {', '.join(languages)}")
-                        
-                        # Display topics if available
-                        if 'topics' in result and result['topics']:
-                            st.write(f"**Topics:** {', '.join(result['topics'])}")
-                        
-                        # Processing time if available
-                        if 'processing_time' in result:
-                            proc_time = result['processing_time']
-                            st.write(f"**Processing Time:** {proc_time:.1f}s")
-                        
-                        # Close the metadata container
-                        st.markdown('</div>', unsafe_allow_html=True)
+                    # Add Document Metadata section - use direct HTML instead of expander to avoid white bars
+                    st.markdown('<h3 style="margin-bottom:0; padding-bottom:0;">Document Metadata</h3>', unsafe_allow_html=True)
+                    
+                    # Create metadata card with clean styling
+                    metadata_html = '<div class="metadata-card" style="background:#f8f9fa; border:1px solid #e0e0e0; border-radius:4px; 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
+                    if 'limited_pages' in result:
+                        metadata_html += f'<p style="background:#e1f5fe; padding:8px; border-radius:4px;"><strong>Pages:</strong> {result["limited_pages"]["processed"]} of {result["limited_pages"]["total"]} processed</p>'
+                    
+                    # Languages
+                    if 'languages' in result:
+                        languages = [lang for lang in result['languages'] if lang is not None]
+                        if languages:
+                            metadata_html += f'<p><strong>Languages:</strong> {", ".join(languages)}</p>'
+                    
+                    # Topics
+                    if 'topics' in result and result['topics']:
+                        metadata_html += f'<p><strong>Topics:</strong> {", ".join(result["topics"])}</p>'
+                    
+                    # Processing time
+                    if 'processing_time' in result:
+                        proc_time = result['processing_time']
+                        metadata_html += f'<p><strong>Processing Time:</strong> {proc_time:.1f}s</p>'
+                    
+                    # Close the metadata card
+                    metadata_html += '</div>'
+                    
+                    # Render the metadata HTML
+                    st.markdown(metadata_html, unsafe_allow_html=True)
                     
                     # Start document content div with consistent styling class
                     st.markdown('<div class="document-content">', unsafe_allow_html=True)