fix stats graph's tooltip layout of the metrics data

[fycdev]

Pull Request Form

Type of Pull Request

• Bulk sentence upload

• Related to a listed issue

• Fixes [BUG] amount of validated hours are displayed outside of the info field #3692

• Other

• Adjust CSS of the tooltip in the Stats graph so that the metrics are laid out vertically and stays within the border.

Acknowledging contributors

[mozgzh]

Thanks for the PR. I like the approach (keeping it simple). The only potential ssue is how tall the tooltip becomes with stacking. There's also an existing issue with how the date breaks (for EN its DD MONTH YYYY) which also adds the vertical height.

I think a solution could be to stop the date breaking, which would naturally add width and then changing from flex-direction: column; to flex-direction: row; to take advantage extra size. Let me know what you think!

Thanks again.