Negative margin on '.navbar-right:last-child' in Navbar is a miscalculation

Created by: aahan

.navbar-nav.navbar-right:last-child {
  margin-right: -15px;
}

That's the CSS style applied on the right-floating menu items' container. It does its intended job only as long as there's only one <element class=" ... navbar-right"> in the Navbar. Add another and it messes the spacing of the last container ("last" not in HTML but in the order of appearance in browser, considering it's float: right;).

The Dashboard example template has the necessary items to reproduce the issue. Take a look at the snapshots, they should be self-explanatory.

I am not saying margin-right: -15px; is wrong. It's needed, but doesn't suit all cases like I clearly explained. Manually adding a class like .last-child on the element itself is probably the way to go, but what do I know!