Improve responsiveness for the generated profile

[bharatramnani94]

As the above screenshot clearly shows, there's a scope for improvement of the look of the profile, particularly for the mobile view. Currently the graph isn't big enough to view when the list of labels increase.

[tipsy]

Hi @bharatramnani94. I haven't done anything to the responsiveness offered by chartsjs. If you have any suggestions, please feel free to create a PR.

[bharatramnani94]

Basically we need to make the chart responsive.
There are options to change the legend position (from left to bottom in our case). I think we need to check the width of the chart, and if it lies below a certain width (say 500px), we may update the position of the legend from right to bottom. Something like this:

I'm currently not in a situation to create a PR for this myself. I'll try to do that after few days.