fix(layout): bump bottom block-container padding 4rem → 7rem

Last lines on long tool pages were still grazing the fixed Help/Close
footer when scrolled all the way down. 4rem gave the cursor of free
space the footer claims but no breathing room — the bottom button
or text was visually flush against the footer's top edge. 7rem buys
~3rem of clear space on every page so the last content row reads
without obstruction.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-19 02:32:13 +00:00
parent a022059b1e
commit 4451f74895

View File

@@ -104,11 +104,13 @@ footer {
.stMainBlockContainer, .stMainBlockContainer,
[data-testid="stMainBlockContainer"] { [data-testid="stMainBlockContainer"] {
padding-top: 0.5rem !important; padding-top: 0.5rem !important;
/* +4rem buys a comfortable read of the last line of content on a /* The fixed Help/Close footer sits over the bottom of the
page that fills the viewport: the fixed Help/Close footer is viewport (~36px tall) — the block container needs enough
~36px (≈2.25rem) tall and we want at least a button-height of bottom padding that the LAST line of content clears it cleanly
free space between the last widget and the footer's top edge. */ when scrolled all the way down. 4rem turned out to be just
padding-bottom: 4rem !important; enough to graze the footer's top; 7rem buys clear breathing
room on every page including the long tool pages. */
padding-bottom: 7rem !important;
} }
/* Scale content to fit app window */ /* Scale content to fit app window */
.stApp { .stApp {