icons aren't visible when direct children of paper-dialog

[davidmaxwaterman]

Description

icons aren't rendered when direct children of paper-dialog

Related: https://stackoverflow.com/questions/41148666/paper-icon-button-doesnt-show-the-icon-when-located-inside-another-element/46033710#46033710

Expected outcome

I expect to see an icon button, but I see nothing unless I wrap it in a wrapper element.

Actual outcome

Seems like foreground colour is same as background colour, making it invisible.

Live Demo

https://jsbin.com/hehovisoso/edit?html,console,output

Steps to reproduce

Run jsbin

Browsers Affected

• [x] Chrome
• [ ] Firefox
• [ ] Safari 9
• [ ] Safari 8
• [ ] Safari 7
• [ ] Edge
• [ ] IE 11
• [ ] IE 10

[krumware]

This looks to be due to padding being applied to slotted elements, which is affecting the icon size. A workaround is to override that padding: https://jsbin.com/korinawuca/1/edit?html,console,output