- Added NLT as third option in VersionSelector component
- Added NLT logo and card with proper styling
- Updated TypeScript interface to include 'nlt' option
- Positioned NLT card below ESV/NKJV grid for clean layout
- Includes proper logo image and descriptive text for NLT
NLT is now fully integrated into the version selection UI!
- **Search bar padding added**: px-4 sm:px-6 lg:px-8 to match App main container
- **Consistent centering**: Ensures search bar aligns identically with other pages
- **Responsive padding**: Same responsive behavior across breakpoints
- **Fixed centering shift**: Eliminates visual difference between pages
Version selector search bar centering now perfectly matches all other pages!
- **Eliminated duplicate container** from VersionSelector component
- **Matches other page structures** - all pages now use App's main container
- **Consistent centering across all pages** - search bar positioned identically
- **No more shifting** when navigating between version selector and book selector
Version selector layout now perfectly matches BookSelector, ChapterSelector, BibleReader!
- **Removed excessive top padding** pt-8 that was causing large gap above search
- **No top padding now** matches other pages (BookSelector, ChapterSelector, etc.)
- **Maintained centering** flex justify-center keeps search bar horizontally centered
- **App-level padding** uses the overall page padding from App.tsx main container
Version selector now matches the consistent spacing and centering of all other pages!
- **Reduced top padding** from py-16 to pt-8 (64px to 32px) to bring search closer to top
- **Adjusted search margin** from mb-8 to mb-4 (32px to 16px) for uniform spacing
- **Maintained bottom spacing** with pb-16 to preserve version card layout
- **Perfect alignment** with other pages - consistent 16px search-to-element gap
Version selector now has perfectly balanced, consistent spacing throughout the app!
- **Eliminated redundant 'The Bible' logo** from above search bar on version selection page
- **Freed up screen space** by removing unnecessary duplicate branding
- **Maintained main header** at top left for consistent navigation
- **Cleaner homepage layout** - focus on search and version selection
Version selector page now features a more minimal, focused design!
- **Eliminated unnecessary text**: 'All translations include the complete Old and New Testaments...'
- **Cleaner page design**: Focus on just the version selection cards
- **Removed obvious information**: Users know Bibles contain both Testaments
- **Streamlined UX**: Less clutter on the translation choice page
Homepage now has a cleaner, more direct user experience!
- **BookSelector search bar**: Consistent mb-4 spacing below breadcrumbs
- **VersionSelector search bar**: Added above 'Choose Your Translation' header
- **Universal search placement**: All pages have search functionality available at top
- **Responsive design maintained**: Max-width search inputs adapt to mobile screens
- **Homepage search integration**: Even before version selection, users can search
- **Build verification**: All components compile without errors
Search functionality now universally accessible from every page in the application!
- **ChapterSelector**: Added version filtering for chapter favorites
- **VersionProp**: ChapterSelector now receives and uses version parameter
- **API calls**: Chapter favorites include version in create requests
- **Favorites filtering**: .filter(...&& fav.version === version) for both level and chapter favorites
- **Homepage text**: Changed 'Both translations' to 'All translations' for future-proofing
- **All favorite types**: Now properly separated by Bible version
Users can now safely favorite books/chapters/verses in different versions without cross-contamination.
- Header shows ESV/NKJV logo when version is selected, generic book icon on homepage
- Version selector cards now display actual ESV and NKJV logos instead of generic icons
- Logos sourced from frontend/logos/ directory (esv-logo.png, nkjv-logo.png)
- Proper sizing and accessibility with alt text
- Maintains responsive design across all screen sizes
Beautiful card-based version selection:
- ESV and NKJV option cards with distinct colors and icons
- Responsive design (side-by-side on desktop, stacked on mobile)
- Hover effects and smooth transitions
- Proper TypeScript typing and clean component architecture
- Accessible design with proper contrast ratios
