I'll update the betting interface to be full screen without any container constraints.

Perfect! I've updated the betting interface to be full screen:

️ Full Screen Changes:

📐 Layout Updates:

• Removed max-w-md container constraint
• Changed to w-full h-screen for complete viewport coverage
• Added overflow-y-auto for proper scrolling
• Removed centering constraints (mx-auto)

🎯 Full Screen Benefits:

• Desktop: Uses entire browser width and height
• Mobile: Native full-screen mobile app experience
• Tablet: Optimal use of available screen real estate
• Responsive: Adapts to any screen size naturally

📱 Maintained Design:

• All pixel-perfect styling preserved
• Same color scheme and typography
• Identical spacing and component layout
• Fixed bottom button positioning maintained

The betting interface now takes up the complete viewport, providing a true full-screen experience while maintaining the exact visual design and functionality from the original image!

I'll fix the search functionality and the selection state management issues.

Perfect! I've fixed both the search functionality and the selection state management:

Search Fixes:

Real-time Search:

• Search now works as you type (handleSearchInputChange)
• Also works when clicking the SEARCH button
• Enter key triggers search
• Case-insensitive matching

Search Features:

• Searches both team names and competition info
• Shows "No events found" message when no results
• Clear search button to reset results
• Added more sample events for better testing

Selection State Fixes:

Proper State Management:

• Enhanced selectedOdds state to store complete odd information
• Fixed selection/deselection toggle logic
• Added visual feedback with transitions

Dynamic Calculations:

• Real-time total odds calculation
• Accurate selected count display
• Proper state persistence across interactions

Visual Improvements:

• Added smooth transitions for selection states
• Better hover effects
• Consistent styling for selected/unselected states

Key Improvements:

1. Search works both ways: Real-time typing + button click
2. Selection toggles properly: Click to select/deselect odds
3. Accurate calculations: Total odds update dynamically
4. Better UX: Smooth transitions and clear feedback
5. More data: Added additional events for testing

Now you can search for teams like "Manchester", "Barcelona", or competitions like "Premier League", and the odds selection works perfectly with real-time updates!