Fix white space between Document Metadata heading and content

- Removed nested container that was causing extra space
- Added direct subheader without extra container wrapper
- Added CSS rules to ensure zero margin between heading and content
- Fixed margin-top property for metadata container
- Added specific selectors to target and eliminate whitespace in metadata section

app.py

@@ -1131,33 +1131,36 @@ with main_tab1:
                 
                 # Document Metadata in the top right of the right column
                 with right_col:
-                    metadata_container = st.container()
-                    with metadata_container:
-                        st.subheader("Document Metadata")
-                        # Create a subtle container for metadata
-                        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")
-                        st.markdown('</div>', unsafe_allow_html=True)
+                    # Directly add the subheader without extra container
+                    st.subheader("Document Metadata")
+                    
+                    # Create an inline container with compact styling
+                    st.markdown('<div class="metadata-container" style="margin-top:0">', 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)
                     
                     # Display Document Contents below the metadata in the right column
                     st.subheader("Document Contents")

ui/custom.css

@@ -94,9 +94,22 @@
     border-radius: 4px;
     padding: 12px;
     margin-bottom: 20px;
+    margin-top: 0px !important;
     border-left: 3px solid #4285f4;
 }
 
+/* Fix spacing for headings above metadata container */
+.element-container h3 + div .metadata-container,
+.element-container h1 + div .metadata-container,
+.element-container h2 + div .metadata-container {
+    margin-top: 0 !important;
+}
+
+/* Remove excess space between metadata heading and content */
+.stMarkdown + div div.element-container {
+    margin-top: 0 !important;
+}
+
 /* Fix fullscreen button styling */
 button[title="View fullscreen"],
 button.streamlit-expanderHeader {