Layout breaks when Chrome translate is enabled on iOS
### Summary
Enabling Chrome's built-in translation on iPhone or iPad causes the translate feedback bar
to take over more than half the screen, breaking the page layout.
### Affected users
non-English users on iPhone or iPad using Chrome
(doesn't reproduce on Android)
### Steps to reproduce
1. Open any GitLab page (e.g., an MR) in Chrome on iPhone or iPad
1. [Enable Chrome's translate feature](https://support.google.com/chrome/answer/173424?co=GENIE.Platform%3DiOS)
### What is the current *bug* behavior?
The feedback bar at the bottom ("Rate this translation" with 👍👎 buttons) takes up more than half the viewport.
Content gets squashed to the top and the rest of the page is blank space, effectively unusable.
{width=215 height=400}
### What is the expected *correct* behavior?
Page layout is unaffected by translation.
### Output of checks
This bug happens on GitLab.com
issue