fix: improve ipad poker responsive layout
Summary
This MR improves the responsive poker interface for tablet/iPad devices across all poker modes.
Main improvements
-
Reworked iPad/tablet responsive layout for:
- bot mode
- tournament mode
- multiplayer/cash game mode
-
Improved portrait and especially landscape tablet layouts
-
Kept the same mobile responsive logic while adapting it for larger tablet screens
-
Avoided the “compressed desktop” effect on iPad
Poker table adjustments
- Slightly enlarged the poker table on tablet screens
- Reduced unnecessary empty spaces between the table and controls
- Improved horizontal space usage in landscape mode
- Better centering and scaling of gameplay elements
Action buttons improvements
-
Kept the 2-line mobile-inspired layout:
- Fold / Check / Raise
- Chat / Bets / Probs / Hands
-
Improved spacing and alignment on tablet
-
Ensured the 3 main action buttons have consistent sizing
-
Buttons remain fully visible and clickable on portrait and landscape modes
UI / UX fixes
-
Improved player dashboard and token/header visibility
-
Fixed overlap issues between tokens, avatar and header elements
-
Improved panel and overlay behavior:
- Hidden Bets
- Probabilities
- Hands
- Chat
- waiting/showdown overlays
-
No horizontal scrolling
Validation performed
-
Tested on:
- iPad portrait (768x1024)
- iPad landscape (1024x768)
- iPad Pro resolutions
- mobile responsive (390px)
- desktop layouts
-
Verified bot mode, tournament mode and multiplayer mode
-
Verified that previous mobile responsive fixes remain stable
Result
The tablet version now behaves like an improved and more comfortable version of the mobile layout while keeping the interface clean, modern and fully playable.