Negative margin on '.navbar-right:last-child' in Navbar is a miscalculation
Created by: aahan
Issue in: Navbar component
.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!