{"action":"created","issue":{"url":"https://api.github.com/repos/google/material-design-lite/issues/4165","repository_url":"https://api.github.com/repos/google/material-design-lite","labels_url":"https://api.github.com/repos/google/material-design-lite/issues/4165/labels{/name}","comments_url":"https://api.github.com/repos/google/material-design-lite/issues/4165/comments","events_url":"https://api.github.com/repos/google/material-design-lite/issues/4165/events","html_url":"https://github.com/google/material-design-lite/issues/4165","id":137500961,"number":4165,"title":"Buttons + icons not vertically aligned","user":{"login":"GianlucaGuarini","id":879612,"avatar_url":"https://avatars.githubusercontent.com/u/879612?v=3","gravatar_id":"","url":"https://api.github.com/users/GianlucaGuarini","html_url":"https://github.com/GianlucaGuarini","followers_url":"https://api.github.com/users/GianlucaGuarini/followers","following_url":"https://api.github.com/users/GianlucaGuarini/following{/other_user}","gists_url":"https://api.github.com/users/GianlucaGuarini/gists{/gist_id}","starred_url":"https://api.github.com/users/GianlucaGuarini/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/GianlucaGuarini/subscriptions","organizations_url":"https://api.github.com/users/GianlucaGuarini/orgs","repos_url":"https://api.github.com/users/GianlucaGuarini/repos","events_url":"https://api.github.com/users/GianlucaGuarini/events{/privacy}","received_events_url":"https://api.github.com/users/GianlucaGuarini/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":10,"created_at":"2016-03-01T07:48:35Z","updated_at":"2016-03-02T07:25:12Z","closed_at":null,"body":"Is there a way to get the icons in the buttons vertically aligned?\r\nAs you can see from my example all the icons are not vertically aligned with the text.\r\n\r\n![screen shot](https://cloud.githubusercontent.com/assets/879612/13420868/0820106c-df8a-11e5-86a8-67699d6bf3ad.png)\r\n\r\n[Demo](https://jsfiddle.net/gianlucaguarini/ebhctb6m/)\r\n\r\nPlease let me know if you have any plan to update this behavior. I will be glad to submit a pull request"},"comment":{"url":"https://api.github.com/repos/google/material-design-lite/issues/comments/191108527","html_url":"https://github.com/google/material-design-lite/issues/4165#issuecomment-191108527","issue_url":"https://api.github.com/repos/google/material-design-lite/issues/4165","id":191108527,"user":{"login":"GianlucaGuarini","id":879612,"avatar_url":"https://avatars.githubusercontent.com/u/879612?v=3","gravatar_id":"","url":"https://api.github.com/users/GianlucaGuarini","html_url":"https://github.com/GianlucaGuarini","followers_url":"https://api.github.com/users/GianlucaGuarini/followers","following_url":"https://api.github.com/users/GianlucaGuarini/following{/other_user}","gists_url":"https://api.github.com/users/GianlucaGuarini/gists{/gist_id}","starred_url":"https://api.github.com/users/GianlucaGuarini/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/GianlucaGuarini/subscriptions","organizations_url":"https://api.github.com/users/GianlucaGuarini/orgs","repos_url":"https://api.github.com/users/GianlucaGuarini/repos","events_url":"https://api.github.com/users/GianlucaGuarini/events{/privacy}","received_events_url":"https://api.github.com/users/GianlucaGuarini/received_events","type":"User","site_admin":false},"created_at":"2016-03-02T07:25:12Z","updated_at":"2016-03-02T07:25:12Z","body":"thanks @Zodiase but that's the result of the demo ( i have also tried other kind of icons):\r\n\r\nFirefox\r\n![screen shot 2](https://cloud.githubusercontent.com/assets/879612/13453181/4811130a-e04e-11e5-896b-60bc68f9bfac.png)\r\n\r\nSafari\r\n![screen shot 3](https://cloud.githubusercontent.com/assets/879612/13453249/d1cf3bd0-e04e-11e5-8869-8dd6d7b0fc56.png)\r\n\r\nChrome\r\n![screen shot 4](https://cloud.githubusercontent.com/assets/879612/13453267/f347cdb8-e04e-11e5-865b-24f4fa5f9cc0.png)\r\n![screen shot 5](https://cloud.githubusercontent.com/assets/879612/13453285/0edcdc8a-e04f-11e5-9c46-cb832642ff1e.png)\r\n![screen shot](https://cloud.githubusercontent.com/assets/879612/13453318/5a7106da-e04f-11e5-84b4-39550f549805.png)\r\n\r\nIt seems the icons are always 1px misaligned from the top. I am wondering whether we need an official solution and not trying to hack the issue. I guess also the lateral padding is not nice, I think a button with an icon should look more like [my previous example](https://github.com/google/material-design-lite/issues/4165#issuecomment-190609222)\r\nOf course your solution is ok but it does not produce any better result compared to the default icon + button solution ( without flexbox ). I think this topic is quite important if we want to use __mdl__ for building professional pixel perfect UIs.. for amateurs the current solution is more than ok.\r\n"}}