mermaidjs : Gantt Diagram - Non Overlapping Tasks in Single Row

[rrajaCF]

Description

mermaidjs : Gantt Diagram Non Overlapping Tasks in Single Row

In the above screenshot the first task and Last task should be in one row, So it reduce the overall size of the page.

Example
https://mermaid.live/edit#pako:eNp9kcFugzAMhl_FstQbK4R10pQb0rRx6YlrLh4ESAtJBWbaVPXdZxa2Xab5kuj7PzmKfcU6NBY1duSZjQcpdjxYKOBlRfDkqJtojFFDbJ_DNBIDlKUeN0zvbt7wrtS7o_GRz7ZmFzxU8YywKu6UypSC39Ik-ZtNSCWgMq0eEsj7aBc-cG8nYJrP0W2CFzMXM__TlPi7671IB51l_0oHkR5_pKjVg6vPQAr6ybZgsGe-zDpNRyufdM1p3neO--V170JqEBPcAhnkde1gUF4ZrUEt18a2tAxs0PibqLRwqD58jZqnxSa4XNapbmNG3dIwC7WN4zAd43K-dnT7BL5AgCw

Steps to reproduce

Click the above Live Editor Link for the Code Used

Screenshots

No response

Code Sample

No response

Setup

• Mermaid version:
• Browser and Version: [Chrome, Edge, Firefox]

Suggested Solutions

No response

Additional Context

No response

[mrjoel]

Does using the documented compact display mode somehow not provide the result you want?

[soggymuse]

Does using the documented compact display mode somehow not provide the result you want?

Compact mode doesn't work for me in any of my vaults, so I'd like to know how to do this, too.