I'm working on a styling change of an ag-grid output to push the rows apart with a bit of margin space between each row.
Using a decendant selector in CSS3 appears to work fine to over-ride the .ag-row class, but somewhere along the line during render ag-grid adds a top property inline to the row style based on the height of the rows.
The result is that although I have a rule that says the rows have a 30px margin added to the bottom of each row it's being over-ridden by the top rules, putting the following rows right underneath each other, as in a default grid layout.
I've read up on ag-grids' getRowStyle() and processRowPostCreate() built-in functions, but I understand this is for adding or modifying styles, not removing styles. At least I do not find any examples that might give me a hint on removing that annoying top rule.
Any clues would be greatly appreciated! See attached screenshots of the rendered ag-grid HTML to see the top rule in action on the right panel of the Chrome developer tools. In the first screen shot, you can see that the webdev tools are showing the margin space in the left panel, so the rule is getting used.
