Aligning collapsible button to the right makes the list messy

Created by: natcohen

Trying to make the collapsible button of the navbar aligned to the right and keeping the brand to the left makes the list messy like in this example (tested on latest chrome):

https://plnkr.co/edit/gHA1Ea7JhYX2eWSyOgWp?p=preview

As you can see the "home" stays on the top and the rest moves to the left only when it's fully collapsed...