Remove custom logo centering and reset to standard Streamlit layout

- Remove all custom CSS for logo centering and positioning
- Reset margins and padding to Streamlit defaults
- Remove HTML wrapper around logo
- Simplify logo display to use standard st.image() without width constraint
- Reset main-header styling to standard values
- Use default Streamlit spacing and layout behavior

app/streamlit_app.py

@@ -621,87 +621,9 @@ def main():
         color: #0B3B0B;
         font-family: 'Georgia', serif;
         font-weight: bold;
-        margin: 0 !important;
-        padding: 0 !important;
     }
     
-    /* Logo styling for better centering and responsiveness */
-    .stImage > img {
-        display: block !important;
-        margin: 0 auto !important;
-        max-width: 100% !important;
-        height: auto !important;
-        text-align: center !important;
-    }
-    
-    /* Ensure logo container is centered with minimal spacing */
-    .stImage {
-        text-align: center !important;
-        width: 100% !important;
-        margin: 0 auto !important;
-        padding: 0 !important;
-        display: flex !important;
-        justify-content: center !important;
-        align-items: center !important;
-    }
-    
-    /* Remove all default Streamlit spacing around logo */
-    .main .block-container {
-        padding-top: 0.5rem !important;
-        padding-bottom: 0rem !important;
-        max-width: 100% !important;
-    }
-    
-    /* Eliminate column spacing */
-    .stColumns {
-        gap: 0rem !important;
-    }
-    
-    /* Remove spacing from logo image */
-    .stImage > img {
-        margin: 0 !important;
-        padding: 0 !important;
-    }
-    
-    /* Aggressive spacing removal for logo area */
-    .element-container:has(.stImage) {
-        margin: 0 !important;
-        padding: 0 !important;
-    }
-    
-    /* Remove top margin from first element */
-    .main .block-container > div:first-child {
-        margin-top: 0 !important;
-        padding-top: 0 !important;
-    }
-    
-    /* Remove any extra spacing above content */
-    .stMarkdown:first-child, .stImage:first-child {
-        margin-top: 0 !important;
-    }
-    
-    /* Force center alignment for all containers */
-    .element-container, .stVerticalBlock, .stHorizontalBlock {
-        display: flex !important;
-        justify-content: center !important;
-        align-items: center !important;
-        text-align: center !important;
-        width: 100% !important;
-    }
-    
-    /* Remove Streamlit's default top padding entirely */
-    .appview-container .main .block-container {
-        padding-top: 0 !important;
-        margin-top: 0 !important;
-    }
-    
-    /* Ensure the entire app container centers content */
-    .main {
-        display: flex !important;
-        flex-direction: column !important;
-        align-items: center !important;
-        justify-content: flex-start !important;
-    }
+
     
 
     
@@ -780,8 +702,7 @@ def main():
     </style>
     """, unsafe_allow_html=True)
     
-    # Centered logo at the top - minimal spacing
-    st.markdown('<div style="text-align: center; width: 100%; margin: 0; padding: 0; display: flex; justify-content: center; align-items: center;">', unsafe_allow_html=True)
+    # Logo at the top
     try:
         # Try multiple possible paths for the logo file
         logo_paths = [
@@ -795,7 +716,7 @@ def main():
         logo_loaded = False
         for logo_path in logo_paths:
             if os.path.exists(logo_path):
-                st.image(logo_path, width=600)  # Reduced width for better mobile compatibility
+                st.image(logo_path)
                 logo_loaded = True
                 break
         
@@ -803,7 +724,6 @@ def main():
             st.markdown('<div class="main-header"><h1>⛳ Par-ity Project</h1></div>', unsafe_allow_html=True)
     except Exception as e:
         st.markdown('<div class="main-header"><h1>⛳ Par-ity Project</h1></div>', unsafe_allow_html=True)
-    st.markdown('</div>', unsafe_allow_html=True)
     
     # Initialize session state for step-based flow
     if 'current_step' not in st.session_state: