{"action":"created","issue":{"url":"https://api.github.com/repos/Templarian/MaterialDesign/issues/166","labels_url":"https://api.github.com/repos/Templarian/MaterialDesign/issues/166/labels{/name}","comments_url":"https://api.github.com/repos/Templarian/MaterialDesign/issues/166/comments","events_url":"https://api.github.com/repos/Templarian/MaterialDesign/issues/166/events","html_url":"https://github.com/Templarian/MaterialDesign/issues/166","id":58811378,"number":166,"title":"Why are the icons not centered? (using material icons as web font)","user":{"login":"MarcosPortugal","id":3464445,"avatar_url":"https://avatars.githubusercontent.com/u/3464445?v=3","gravatar_id":"","url":"https://api.github.com/users/MarcosPortugal","html_url":"https://github.com/MarcosPortugal","followers_url":"https://api.github.com/users/MarcosPortugal/followers","following_url":"https://api.github.com/users/MarcosPortugal/following{/other_user}","gists_url":"https://api.github.com/users/MarcosPortugal/gists{/gist_id}","starred_url":"https://api.github.com/users/MarcosPortugal/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MarcosPortugal/subscriptions","organizations_url":"https://api.github.com/users/MarcosPortugal/orgs","repos_url":"https://api.github.com/users/MarcosPortugal/repos","events_url":"https://api.github.com/users/MarcosPortugal/events{/privacy}","received_events_url":"https://api.github.com/users/MarcosPortugal/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-02-24T21:51:11Z","updated_at":"2015-02-24T22:00:03Z","closed_at":null,"body":"![image](https://cloud.githubusercontent.com/assets/3464445/6360067/39c580e6-bc6f-11e4-9e41-2d7faea37cf7.png)\r\n"},"comment":{"url":"https://api.github.com/repos/Templarian/MaterialDesign/issues/comments/75855840","html_url":"https://github.com/Templarian/MaterialDesign/issues/166#issuecomment-75855840","issue_url":"https://api.github.com/repos/Templarian/MaterialDesign/issues/166","id":75855840,"user":{"login":"chrislitherland95","id":2731673,"avatar_url":"https://avatars.githubusercontent.com/u/2731673?v=3","gravatar_id":"","url":"https://api.github.com/users/chrislitherland95","html_url":"https://github.com/chrislitherland95","followers_url":"https://api.github.com/users/chrislitherland95/followers","following_url":"https://api.github.com/users/chrislitherland95/following{/other_user}","gists_url":"https://api.github.com/users/chrislitherland95/gists{/gist_id}","starred_url":"https://api.github.com/users/chrislitherland95/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrislitherland95/subscriptions","organizations_url":"https://api.github.com/users/chrislitherland95/orgs","repos_url":"https://api.github.com/users/chrislitherland95/repos","events_url":"https://api.github.com/users/chrislitherland95/events{/privacy}","received_events_url":"https://api.github.com/users/chrislitherland95/received_events","type":"User","site_admin":false},"created_at":"2015-02-24T22:00:03Z","updated_at":"2015-02-24T22:00:03Z","body":"All icons on this site are centred. It looks like the icon space on your app is not symmetrical and therefore the icon will be displayed to the left according to text. I would suggest removing the label under the icon as this is unnecessary and contrary to material design, the icons should represent themselves. You might also find that the text is expanding the box and leaving the icon behind, as it were. Try removing the label (add this text as a long press hint), the box area for action icons should strictly be 24dp with 12dp padding on all sides. The app bar should centre this vertically and should be 52dp high.\nPlease refer to the \"system icons\" section of the specification for more information. \nhttp://www.google.com/design/spec/style/icons.html \nOn Wed, Feb 25, 2015 at 7:51 am, Marcos Pereira <notifications@github.com> wrote:\n\n—Reply to this email directly or view it on GitHub."}}