Move sidebar options up with reduced spacing for better visibility

app.py

@@ -506,18 +506,54 @@ with main_tab1:
         
         # Removed seed prompt instructions from here, moving to sidebar
 
-# Sidebar with options
+# Sidebar with options - moved up with equal spacing
 with st.sidebar:
-    # Move Options header to very top of sidebar
-    st.markdown("<h2 style='margin-top:-12px; padding-top:0;'>Options</h2>", unsafe_allow_html=True)
+    # Options title with reduced top margin
+    st.markdown("<h2 style='margin-top:-25px; margin-bottom:5px; padding:0;'>Options</h2>", unsafe_allow_html=True)
     
-    # Model options
-    st.subheader("Model Settings")
+    # Reduce spacing between sidebar sections
+    st.markdown("""
+    <style>
+    /* Reduce all spacing in sidebar */
+    .block-container {padding-top: 0;}
+    .stSidebar .block-container {padding-top: 0 !important;}
+    .stSidebar [data-testid='stSidebarNav'] {margin-bottom: 0 !important;}
+    .stSidebar [data-testid='stMarkdownContainer'] {margin-bottom: 0 !important; margin-top: 0 !important;}
+    .stSidebar [data-testid='stVerticalBlock'] {gap: 0 !important;}
+    
+    /* Make checkbox rows more compact */
+    .stCheckbox {margin-bottom: 0 !important; padding-bottom: 0 !important; padding-top: 0 !important;}
+    .stExpander {margin-top: 0 !important; margin-bottom: 10px !important;}
+    
+    /* Reduce space between section headings and content */
+    .stSidebar h1, .stSidebar h2, .stSidebar h3, .stSidebar h4, .stSidebar h5 {
+        margin-top: 0 !important;
+        margin-bottom: 0 !important;
+        padding-top: 0 !important;
+        padding-bottom: 0 !important;
+        line-height: 1.2 !important;
+    }
+    
+    /* Make selectbox and other inputs more compact */
+    .stSidebar .stSelectbox, .stSidebar .stSlider, .stSidebar .stNumberInput {
+        margin-bottom: 5px !important;
+        padding-bottom: 0 !important;
+        padding-top: 0 !important;
+    }
+    
+    /* Reduce all form element margins */
+    .stForm > div {margin-bottom: 5px !important;}
+    .stSidebar label {margin-bottom: 0 !important; line-height: 1.2 !important;}
+    </style>
+    """, unsafe_allow_html=True)
+    
+    # Model options - more compact
+    st.markdown("##### Model Settings", help="Configure model options")
     use_vision = st.checkbox("Use Vision Model", value=True, 
                             help="For image files, use the vision model for improved analysis (may be slower)")
     
-    # Historical Context section moved up
-    st.subheader("Historical Context")
+    # Historical Context section with minimal spacing
+    st.markdown("##### Historical Context", help="Add historical context information")
     
     # Historical period selector
     historical_periods = [
@@ -603,9 +639,9 @@ with st.sidebar:
         ```
         """)
     
-    # Image preprocessing options (collapsible)
-    st.subheader("Image Preprocessing")
-    with st.expander("Preprocessing Options"):
+    # Image preprocessing options with reduced spacing
+    st.markdown("##### Image Preprocessing", help="Options for enhancing images before OCR")
+    with st.expander("Preprocessing Options", expanded=False):
         preprocessing_options = {}
         
         # Document type selector - important for optimized processing
@@ -635,9 +671,9 @@ with st.sidebar:
             help="Rotate the document to correct orientation"
         )
     
-    # PDF options (collapsible)
-    st.subheader("PDF Options")
-    with st.expander("PDF Settings"):
+    # PDF options with consistent formatting
+    st.markdown("##### PDF Options", help="Settings for PDF documents")
+    with st.expander("PDF Settings", expanded=False):
         pdf_dpi = st.slider("PDF Resolution (DPI)", 72, 300, 100, 
                           help="Higher DPI gives better quality but slower processing. Try 100 for faster processing.")
         max_pages = st.number_input("Maximum Pages to Process", 1, 20, 3,