Simple diagram for state machine is rendered completely unreadable

[jumski]

I try to model simple states and transitions for my electronic hobby project.

This is code that i'm using:

[<state>booted]-> click A [<state>selecting_work_time]
[booted]-> click C [<state>work_timer_running]

[selecting_work_time]-> release A [booted]

[work_timer_running]-> [<choice>is time left?]
[work_timer_running]-> click D [booted]

[is time left?]-> yes [work_timer_running]
[is time left?]-> no [booted]

This renders like this:

(added background color for readability)

Am i doing something wrong or is it supposed to render like this? I mean, labels are completely cluttered and unreadable.
Thanks!

[skanaar]

Relation labels are not nomnoml's strongest game.

You can create [<label> some label] nodes to place labels half-way on relations.

[<state>booted] - [<label>click A]
[click A] -> [<state>selecting_work_time]
[booted]- [<label>click C]
[click C] -> [<state>work_timer_running]

[selecting_work_time]- [<label>release A]
[release A] -> [booted]

[work_timer_running]-> [<choice>is time left?]
[work_timer_running]- [<label>click D]
[click D] -> [booted]

[is time left?] yes -> [work_timer_running]
[is time left?] no -> [booted]