ProAvalon
ProAvalon copied to clipboard
Tabs placement changes when approve and reject buttons appear on mobile
Describe the bug while playing on mobile .. the tabs (ie. vh and game chat ... etc) have a position that just changes when a mission is chosen and the the approve / reject buttons appear
To Reproduce Steps to reproduce the behavior:
- play a game on mobile
- notice the position of tabs before and after the approve / reject buttons appear
Expected behavior tabs position should be fixed ... as moving them puts the approve / reject buttons in the same position resulting in potential misclicks.
Smartphone (please complete the following information):
- Device: xaiomi redmi note 5
- OS: android 8
- Browser chrome
- Version latest
Yeap, this is a known issue and it is one that I have tried to solve in the past...! The problem is how the line-height in the CSS is set up. I hope to rewrite the front end in the future which will definitely address this. But if someone can help fix it up in the meantime, check out the line-height bits in the CSS.