1. Removed broken Travis CI build status badge from README header
2. Enhanced dropdown selection on messages page:
- Added explicit JavaScript change event handler
- Added CSS to ensure proper text color and background
- Added blur/focus to force visual update after selection
- Added console logging for debugging
This should resolve the issue where selected recipient names weren't
displaying properly in the dropdown after selection.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Added prompt option "Select a recipient..." to the To dropdown on
the messages page. This provides a clear placeholder and makes the
selected user's name visible after selection.
Before: Dropdown showed no placeholder, making it unclear what was selected
After: Shows "Select a recipient..." by default, then displays the
selected user's name when a recipient is chosen
Fixes the issue where clicking a user in the dropdown didn't show
their name in the dropdown field.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Complete redesign of the messaging interface with modern layout:
Inbox improvements:
- Replace table with modern message cards
- Each message shows circular gradient avatar with person icon
- Display sender name prominently with formatted date
- Show full message text with proper line wrapping
- Add Details and Delete action buttons with icons
- Hover effect highlights each message
- Beautiful empty state with inbox icon when no messages
Send Message form:
- Relocate to right sidebar with sticky positioning
- Add green gradient header with send icon
- Style as modern card with left border accent
- Large form controls with icons for better UX
- Recipient selector with all users
- Expandable textarea for message composition
- Full-width send button in success green
- Helpful tip box below form
- Modern Bootstrap 5 alerts with icons for success/error
- Auto-reload page after successful send to show new message
Layout enhancements:
- Two-column responsive layout (8/4 split)
- Inbox on left, compose on right
- Sticky compose form stays visible while scrolling
- Mobile-friendly with stacked layout on small screens
- Replace all Bootstrap 2 classes (row-fluid, span12, widget)
- Modern Bootstrap 5 grid and components
- Turbolinks compatibility
The page now provides a clean, modern messaging experience similar
to contemporary email/messaging applications.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Ken Johnson