Repository navigation
Space header: tighten the description→body gap - #453
Conversation
The header's bottom padding + divider + the body's 24px top padding stacked into an airy gap between a space's description and its first content element. Trim the header bottom padding (16->8) and the body top padding (24->12) — a modest, global density improvement; no change to the header's own structure or the catalog's bottom room. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
There was a problem hiding this comment.
Pull request overview
This PR reduces vertical whitespace between a Space header (description area) and the start of the Space body content to improve global page density (notably on course landing pages).
Changes:
- Reduced Space header container vertical padding to tighten spacing before the divider.
- Reduced Space body top padding so it doesn’t stack with the header spacing.
- Updated inline comments to explain the spacing rationale.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| var container = Controls.Stack | ||
| .WithStyle("flex-shrink: 0; padding: 24px 0 16px 0; width: 100%;"); | ||
| .WithStyle("flex-shrink: 0; padding: 20px 0 8px 0; width: 100%;"); | ||
|
|
Test Results (shard 5) 9 files ± 0 9 suites ±0 5m 7s ⏱️ +57s Results for commit 430d0fb. ± Comparison against base commit 5b52a2b. This pull request removes 21 and adds 224 tests. Note that renamed tests count towards both. |
Test Results 59 files ± 0 59 suites ±0 23m 58s ⏱️ +52s Results for commit 430d0fb. ± Comparison against base commit 5b52a2b. This pull request removes 21 and adds 224 tests. Note that renamed tests count towards both. |
The space header's bottom padding + divider + the body's 24px top padding stacked into a ~56px gap between a space's description and its first body element (visible on the course landing pages). Trims header bottom padding 16→8 and body top padding 24→12 — a modest global density improvement. No change to the header structure or the in-body catalog's bottom breathing room.
🤖 Generated with Claude Code