Bug: incorrect display of the game interface in the mobile version

[ksenrika]

Summary

During the battle in the mobile version the "Open History" and "Back to Home" buttons are cut off. At the end of the game, the window with info about loss is also cut off

Reproduction steps

1 Click "Sign In"
2 Fill out the form
3 Click "Submit"
4 Open Devtools, choose iPhone 11 PRO Max IOS 14.6 as a device 
5 Click "Create battle"
6 Choose Level=medium, "battle with a bot", Choose task by name or tags=random
7 Click "Create a battle"

Expected result

During the battle in the mobile version of the iPhone 11 PRO Max IOS 14.6 the interface is displayed correctly, no buttons and forms are cut off

Actual result

During the battle in the mobile version and on the iPhone 11 PRO Max IOS 14.6, the "Open History" and "Back to Home" buttons are cut off Also, at the end of the game, the window with info about loss is also cut off

Browsers

Firefox

OS

Windows 11

Current version: 4df7e60

[ksenrika]

Closed issue with the same bug url: "https://github.com/hexlet-codebattle/codebattle/issues/2211#issue-3483996593"

OS: Windows 11 Browser: Firefox Current version: 3a8c61e

[Valerykolm]

OS: Ubuntu 22.04.5 LTS Browser: Chrome, Responsive Design Mode (iPhone 14 Pro Max)

Summary:

The button "back to home" doesn't display correctly

Steps:

1. Click "Sign In"
2. Click "Sign in with Github"
3. Click "My Profile"
4. Click "Completed games"
5. Click "show"

The expected result is all elements display correctly

The actual result is the button "back to home" doesn't display correctly

[berette92]

ОС: Win 10 PRO Браузер: Yandex, режим адаптивного дизайна (Samsung Galaxy A51/71) Текущая версия: babf5ed