{"action":"opened","issue":{"url":"https://api.github.com/repos/angular/material/issues/5554","labels_url":"https://api.github.com/repos/angular/material/issues/5554/labels{/name}","comments_url":"https://api.github.com/repos/angular/material/issues/5554/comments","events_url":"https://api.github.com/repos/angular/material/issues/5554/events","html_url":"https://github.com/angular/material/issues/5554","id":115108414,"number":5554,"title":"md-avatar-icon inside a clickable md-list-item","user":{"login":"tjlav5","id":1452216,"avatar_url":"https://avatars.githubusercontent.com/u/1452216?v=3","gravatar_id":"","url":"https://api.github.com/users/tjlav5","html_url":"https://github.com/tjlav5","followers_url":"https://api.github.com/users/tjlav5/followers","following_url":"https://api.github.com/users/tjlav5/following{/other_user}","gists_url":"https://api.github.com/users/tjlav5/gists{/gist_id}","starred_url":"https://api.github.com/users/tjlav5/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tjlav5/subscriptions","organizations_url":"https://api.github.com/users/tjlav5/orgs","repos_url":"https://api.github.com/users/tjlav5/repos","events_url":"https://api.github.com/users/tjlav5/events{/privacy}","received_events_url":"https://api.github.com/users/tjlav5/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-11-04T17:44:30Z","updated_at":"2015-11-04T17:44:30Z","closed_at":null,"body":"It seems that the css for the md-avatar-icon is a bit too specific.\r\n\r\n```css\r\nmd-list-item > .md-avatar-icon {\r\n    background-color: '{{foreground-3}}';\r\n    color: '{{background-color}}';\r\n}\r\n```\r\n\r\nWhen adding a click fn to the containing md-list-item, the new structure becomes:\r\n\r\nmd-list-item\r\n-- button\r\n----.md-list-item-inner\r\n------.md-avatar-icon\r\n\r\nIs there any reason to not have an md-avatar-icon inside a clickable list-item? Or is it just an omission? If the later I can submit a quick PR.\r\n\r\nSomething along these lines would fix my use case:\r\n```css\r\nmd-list-item > .md-avatar-icon, .md-list-item-inner > .md-avatar-icon\r\n```\r\n**OR**\r\n```css\r\nmd-list-item .md-avatar-icon\r\n```\r\n\r\nCheers\r\n"}}