Legend overlaps plot on small screens

[justinclift]

Issue Summary

When a visualisation is displayed in a very small screen size, then clicked upon, the legend moves to overlap the main chart content.

Chrome 75 (Win 7)

Firefox 68 (Linux)

Url to try with: https://app.redash.io/default/embed/query/226021/visualization/384887?api_key=BHrjoUJrFxMCyfRe6M6dZXA1hO5qy7wSeQEVadjo&p_Date=2012-12-14

Steps to Reproduce

1. Go to https://app.redash.io/default/embed/query/226021/visualization/384887?api_key=BHrjoUJrFxMCyfRe6M6dZXA1hO5qy7wSeQEVadjo&p_Date=2012-12-14
2. Resize the browser window to be extremely small (as per screenshots)
3. Click on the chart. The legend now moves position, covering the chart.

Covering the chart like this should not happen.

Technical details:

• Redash Version: Our hosted SaaS version
• Browser/OS: Firefox 68 on Linux, and Chrome 75 on Win 7
• How did you install Redash: n/a

[justinclift]

As a data point, this may be related to #3882

[kravets-levko]

@justinclift Thanks a lot! Yes, it's the same bug, but it appears under other conditions. I'll try to fix it ASAP.