Layout bounces around on trade mouseover

[Talus]

Environment:
Browser: Chrome 83.0.4103.97
OS: Windows 10
Window Width: 1080

Description:
When mousing over trades, the buy/sell buttons bounce around. When my browser window is wider, this is not a problem. However, I keep my browser in a rotated monitor whose width in that orientation can be at most 1080. Having the buy/sell buttons bounce around like this makes me frequently misclick and is clearly not desired behavior. This appears to happen with the two smallest Bootstrap window sizes.

Repro Steps:

• Open a resource trade window
• Horizontally shrink window until at one of the two smallest layouts
• Mouse over the trade amount for each trade row
• Observe that the trade row bounces around

[Guest Zephyr]

2 hours ago, Talus said:

Environment:
Browser: Chrome 83.0.4103.97
OS: Windows 10
Window Width: 1080

Description:
When mousing over trades, the buy/sell buttons bounce around. When my browser window is wider, this is not a problem. However, I keep my browser in a rotated monitor whose width in that orientation can be at most 1080. Having the buy/sell buttons bounce around like this makes me frequently misclick and is clearly not desired behavior. This appears to happen with the two smallest Bootstrap window sizes.

Repro Steps:

• Open a resource trade window
• Horizontally shrink window until at one of the two smallest layouts
• Mouse over the trade amount for each trade row
• Observe that the trade row bounces around

This is not an issue for me using the same version of Chrome with or without extensions disabled and window maximised. However, I resized the web browser window width and it seems at some point when the width of the window is decreased enough, the reported issue occurs. I'm guessing this is caused by the CSS for smaller viewports -?

Windows 10
Chrome 83.0.4103.97 64 bit
1920x1080 screen resolution

Edited June 16, 2020 by Zephyr