md-grid gutter margin bug on rows with gaps #4515
Description
Bug, feature request, or proposal:
Bug
What is the expected behavior?
A gap is left, tile goes to the next line, and margins are adhered to as previous rows.
What is the current behavior?
A gap is left, tile goes to the next line, but margin is too negative, resulting in the tile starting further left on the page. In the plunker, this is box 11.
What are the steps to reproduce?
https://plnkr.co/edit/hzjETIKN381wQg1Fqhka?p=preview
Create a grid, and do it in such a way that there is not enough room on the current row to have the item, so it has to be forced to the next line. In this case, the margins then get messed up.
What is the use-case or motivation for changing an existing behavior?
Its a bug which results in the margin being off. I'm sure this is not wanted behaviour.
Which versions of Angular, Material, OS, browsers are affected?
The current versions on the material2 demos. I forked this example plunker from the material2 example code at https://material.angular.io/components/component/grid-list
Is there anything else we should know?
Nope, don't think so. Thanks! Everything else on this grid was fantastic, I just noticed this one little odd piece of behaviour.
Screenshot if needed:
