Sidebar "no wrap" option and tooltip for notebook and notes titles

Right now we need to enlarge the sidebar so we could read big note names. Something that wastes the possibility given by the note names not being the file name (which is an ID) and forever working note links.
I think it would be nice to have a built-in alternative to the display of title in the sidebar, both in PC and Android (possibly mobile as I don't know how it goes on iOS.)

I managed to change it to a "no wrap" display but it took some time to be sure it would work regardless of the current theme.

image

The other feature would be a tooltip with the notebook/note name when hoovered or when pressed and hold in the phone.

I would also know your workaround ways to deal with this.

/* note sidebar */

.item-list.note-list > div {
    min-height: 34px;
    height: auto !important;
    padding-top: 8px;
    padding-bottom: 8px;
}

.item-list.note-list > div:empty {
    padding: 0px !important;
    min-height: auto;
}

.item-list.note-list > div > a{
    white-space: break-spaces !important;
    padding-left: 7px !important ;
}



/* notebook sidebar */

.list-item-container {
    height: auto !important;
    min-height: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.folders.expanded > div > a {
    white-space: break-spaces;
}

span.title {
    line-height: unset !important;
}