Skip to content

Conversation

@KhaledKamalA
Copy link

@KhaledKamalA KhaledKamalA commented Dec 19, 2025

πŸ”— Issue Links

Add related Linear and/or GitHub issues, if applicable.

🎯 Goal

Improve visual consistency across the app by adding standardized padding to list headers in the Channel Info and Search screens.

πŸ“ Summary

  • Added consistent padding to list headers in Channel Info
  • Applied the same spacing to list headers in Search screens
  • Improved visual alignment with surrounding content
  • No functional or behavioral changes

πŸ›  Implementation

  • Updated list header layouts to include standardized horizontal and vertical padding
  • Reused existing spacing constants to stay aligned with the design system
  • Kept changes scoped to UI layout only
  • Verified no impact on scrolling, interaction, or accessibility

🎨 Showcase

The screenshots below compare the layout before and after adding padding to list headers.

Before After
Channel Info – Before

Search – Before
Channel Info – After

Search – After

πŸ§ͺ Manual Testing Notes

  1. Open Channel Info
  2. Verify list headers now have consistent padding with surrounding content
  3. Open Search
  4. Confirm headers align correctly and match the same spacing
  5. Scroll through lists to ensure no visual regressions

β˜‘οΈ Contributor Checklist

  • I have signed the Stream CLA (required)
  • This change should be manually QAed
  • Changelog is updated with client-facing changes
  • Changelog is updated with new localization keys
  • New code is covered by unit tests
  • Documentation has been updated in the docs-content repo

@KhaledKamalA KhaledKamalA requested a review from a team as a code owner December 19, 2025 11:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant