Spaces:
Paused
Paused
Reduce margin spacing for better layout compactness
Browse files- Reduce main header margin-bottom from 10px to 1px
- Adjust logo spacing from -25px to -1px margin-top
- Update footer margin-top from 5px to 1px
- Improve overall vertical spacing and layout density
- app/streamlit_app.py +3 -3
app/streamlit_app.py
CHANGED
|
@@ -621,7 +621,7 @@ def main():
|
|
| 621 |
color: #0B3B0B;
|
| 622 |
font-family: 'Georgia', serif;
|
| 623 |
font-weight: bold;
|
| 624 |
-
margin-bottom:
|
| 625 |
}
|
| 626 |
|
| 627 |
/* Logo styling for better centering and responsiveness */
|
|
@@ -747,7 +747,7 @@ def main():
|
|
| 747 |
st.write("") # Empty space
|
| 748 |
|
| 749 |
# Reduce spacing after logo
|
| 750 |
-
st.markdown('<div style="margin-top: -
|
| 751 |
|
| 752 |
# Initialize session state for step-based flow
|
| 753 |
if 'current_step' not in st.session_state:
|
|
@@ -817,7 +817,7 @@ def main():
|
|
| 817 |
st.markdown("---")
|
| 818 |
# Footer with website link
|
| 819 |
st.markdown(
|
| 820 |
-
'<div style="text-align: center; margin-top:
|
| 821 |
'<a href="https://par-ityproject.org" target="_blank" style="color: #0B3B0B; text-decoration: none; font-size: 14px;">par-ityproject.org</a>'
|
| 822 |
'</div>',
|
| 823 |
unsafe_allow_html=True
|
|
|
|
| 621 |
color: #0B3B0B;
|
| 622 |
font-family: 'Georgia', serif;
|
| 623 |
font-weight: bold;
|
| 624 |
+
margin-bottom: 1px;
|
| 625 |
}
|
| 626 |
|
| 627 |
/* Logo styling for better centering and responsiveness */
|
|
|
|
| 747 |
st.write("") # Empty space
|
| 748 |
|
| 749 |
# Reduce spacing after logo
|
| 750 |
+
st.markdown('<div style="margin-top: -1px;"></div>', unsafe_allow_html=True)
|
| 751 |
|
| 752 |
# Initialize session state for step-based flow
|
| 753 |
if 'current_step' not in st.session_state:
|
|
|
|
| 817 |
st.markdown("---")
|
| 818 |
# Footer with website link
|
| 819 |
st.markdown(
|
| 820 |
+
'<div style="text-align: center; margin-top: 1px; margin-bottom: 1px;">'
|
| 821 |
'<a href="https://par-ityproject.org" target="_blank" style="color: #0B3B0B; text-decoration: none; font-size: 14px;">par-ityproject.org</a>'
|
| 822 |
'</div>',
|
| 823 |
unsafe_allow_html=True
|