LAYOUT CHANGES:
1. CommandCenterLayout header now uses max-w-7xl:
- Header width matches content width exactly
- Added mx-auto for centering
- Cleaner, more consistent visual alignment
2. Main content area:
- max-w-7xl and centering now in layout wrapper
- Consistent padding: py-6 sm:py-8
3. PageContainer simplified:
- Removed max-w-7xl mx-auto (now in parent)
- Just provides space-y-6 for child spacing
4. Header bar improvements:
- Slightly reduced height: h-16 sm:h-18
- Better button styling (hover states)
- Truncation for long titles on mobile
- Icons slightly larger for better visibility
RESULT:
All Command Center pages now have perfectly aligned
header and content with the same max-width (max-w-7xl).
a73d8d3897