Transfer 1 html page to comply with Mobile / Tablet View and few more style fixes

Input: 1. [login to view URL] An html page that present available games in game server. Composed from 5 sections: a. Active Games Section b. Waiting Opponent Games c. Game Buttons Section d. New Game Section e. Debug Section See [login to view URL] 2. [login to view URL] Requirement: 1. Active Games table lines should be aligned with Waiting Games table See [login to view URL] 2. Debug Section: a. In Normal View : - Should span over half page width - Should not contain bottom scroll bar. In case text lines are too long than they should slide to the next line See [login to view URL] b. In Mobile/Table View: - The last section in the screen (in the bottom) - Spans over all available width. In case text lines are too long than they should slide to the next line See [login to view URL] 3. In Mobile/Tablet view the page should show its sections in this order: a. Active Games Section - Should use full available width. - Height should be limited. If there are multiple records in the table than a scroll bar in the right should be present. b. Waiting Opponent Games - Should use full available width. - Height should be limited. If there are multiple records in the table than a scroll bar in the right should be present. c. Game Buttons Section - Should always be visible when page loads (since active/waiting games tables are limited in height) d. New Game Section e. Debug Section See [login to view URL]