Too much blank space at the bottom of user journey

[acalvo]

Describe the bug
There is too much blank space at the bottom of a User Journey SVG diagram. See the screenshot below.

To Reproduce
Check or generate any User Journey, for example the one in https://github.com/mermaid-js/mermaid/blob/develop/docs/user-journey.md

Expected behavior
Just like other diagrams, I'd expect it to have a similar padding on the top and on the bottom of the SVG diagram. However, the bottom space is way bigger than the top one (see the screenshot below).

This, added to the standard margin around the image/paragraphs added in any page make a noticeable big space.

Screenshots

Code Sample
https://github.com/mermaid-js/mermaid/blob/develop/docs/user-journey.md

Desktop (please complete the following information):

• OS: -
• Browser: -
• Version: -

Smartphone (please complete the following information):

• Device: -
• OS: -
• Browser: -
• Version: -

Additional context

[Harini1023]

hello, @acalvo! I would like to work on this task. Could you please assign it to me.

[acalvo]

Hi @Harini1023 . Thanks for volunteering! I have no permissions to assign this issue to anyone - I'm just a random Mermaid user who reported the bug.

I'm sure the project will happily consider PRs, though. See https://github.com/mermaid-js/mermaid/blob/develop/CONTRIBUTING.md

[slorber]

Note this is particularly a problem for mobile device with small viewport width where the space gets much larger:

Can repro on your own doc: https://mermaid-js.github.io/mermaid/#/user-journey

[alex-titarenko]

Any updates on the fix for this issue?