Replace colored gradient headers with clean neutral styling,
merge title and toolbar rows, lighten button borders, and add
subtle thin scrollbars. Improve mobile responsiveness by hiding
text labels on small screens.
Make the draggable separators thicker and easier to select by increasing
their width/height and making the visual indicator lines more prominent.
Changes:
- Increased vertical separator width from w-1 (4px) to w-2 (8px)
- Increased horizontal separator height from h-1 (4px) to h-2 (8px)
- Made indicator lines thicker (from 0.05rem to 0.5/2px)
- Added margin to horizontal indicator for better visual balance
This improves the user experience by making the separators much easier
to grab and drag, especially on smaller screens or when using precise input.
Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>