Remove awkward styling from toolbar tray

Toolbar dividers in horizontal state end abruptly and shortcut edit link wraps.

Currently looks like this by default. Odd wrap, abrupt end of borders between list items.

This is what happens if you add a bunch of shortcuts:

All this requires is:

Removing clearfix class from the user-defined-shortcuts UL markup

remove these two selectors from toolbar.theme.css:

.toolbar .horizontal .menu li:last-child {
border-right: 1px solid #dddddd;
}
.toolbar .horizontal .menu li + li {
border-left: 1px solid #dddddd;
}

Change the float of the edit shortcuts link in shortcut.theme.css to visually separate it from the shortcuts:

.toolbar .horizontal .edit-shortcuts {
float:left;
float: right;
}

(and the reverse in the rtl file)

With the changes applied you get this:

Which actually also makes menu less noisy. Simpler is better.