diff --git a/apps/web/src/styles/base.css b/apps/web/src/styles/base.css index d1de605..e7e550f 100644 --- a/apps/web/src/styles/base.css +++ b/apps/web/src/styles/base.css @@ -1759,8 +1759,17 @@ button { } .sidebar__footer { - margin-top: auto; - padding-top: var(--space-4); + /* #129: .sidebar is the scroll container, so margin-top: auto alone only + pins the row to the END of the content — behind the fold on long page + lists. Sticky keeps it visible; the negative bottom/side margins undo + the sidebar padding so the bar sits flush and covers the scrolling + list across the full width. */ + position: sticky; + bottom: calc(-1 * var(--space-4)); + margin: auto calc(-1 * var(--space-4)) calc(-1 * var(--space-4)); + padding: var(--space-2) var(--space-4); + background: var(--color-bg-subtle); + border-top: 1px solid var(--color-border); display: flex; align-items: center; gap: var(--space-1);