fix: update sticky headers and explore border for flex layout

- Change notifications header sticky position from top: 48px to top: 0
- Change explore search container sticky position from top: 48px to top: 0
- Constrain explore page border between search and tabs to feed max-width

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Changed files
+9 -2
src
+8 -1
src/components/pages/grain-explore.js
··· 23 23 } 24 24 .search-container { 25 25 position: sticky; 26 - top: 48px; 26 + top: 0; 27 27 background: var(--color-bg-primary); 28 28 padding: var(--space-sm); 29 29 z-index: 10; 30 + } 31 + .search-container::after { 32 + content: ''; 33 + display: block; 34 + max-width: var(--feed-max-width); 35 + margin: 0 auto; 30 36 border-bottom: 1px solid var(--color-border); 37 + margin-top: var(--space-sm); 31 38 } 32 39 .search-container grain-input { 33 40 max-width: var(--feed-max-width);
+1 -1
src/components/pages/grain-notifications.js
··· 26 26 padding: var(--space-sm); 27 27 border-bottom: 1px solid var(--color-border); 28 28 position: sticky; 29 - top: 48px; 29 + top: 0; 30 30 background: var(--color-bg-primary); 31 31 z-index: 10; 32 32 }