Element label doesn't wrap inside

[leomastoras]

Thanks for this amazing tree! I have an issue ive been trying to fix with no luck so far. as you can see here http://goo.gl/kO6WJp if the tree is too deep and the width too small the elements move outside the tree. is it possible to fix this somehow so that they wrap inside? thanks

[leomastoras]

in case someone else needs it
i fixed it by changing the following in the .css

for all these classes instead of

ul.nav.abn-tree .level-1 .indented {
position: relative;
left: 0px;
} ...

i used
ul.nav.abn-tree .level-1 .indented {
position: relative;
padding-left: 0px;
}

(changed left to padding-left)

and at the end i used

ul.nav.nav-list.abn-tree span {
padding:0px !important;
}

[eamaya82]

the comment of @leomastoras worked for me but it did not solve the whole problem, I did not want to modify the CSS so I added it in another file so that it would overwrite it, I also modified some things ... staying like this ...

ul.nav.abn-tree .level-1 .indented {
    position: relative;
    padding-left: 0px;
    display: inline-flex;
    max-width: calc(100% - 0px );
}
ul.nav.abn-tree .level-2 .indented {
    position: relative;
    padding-left: 0px;
    display: inline-flex;
    max-width: calc(100% - 20px );
}
ul.nav.abn-tree .level-3 .indented {
    position: relative;
    padding-left: 0px;
    display: inline-flex;
    max-width: calc(100% - 40px );
}
ul.nav.abn-tree .level-4 .indented {
    position: relative;
    padding-left: 0px;
    display: inline-flex;
    max-width: calc(100% - 60px );
}
ul.nav.abn-tree .level-5 .indented {
    position: relative;
    padding-left: 0px;
    display: inline-flex;
    max-width: calc(100% - 80px );
}
ul.nav.abn-tree .level-6 .indented {
    position: relative;
    padding-left: 0px;
    display: inline-flex;
    max-width: calc(100% - 100px );
}

ul.nav.nav-list.abn-tree span {
    padding: 0px !important;
}