-
Notifications
You must be signed in to change notification settings - Fork 6.8k
Closed
Labels
P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentAn issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Description
Bug, feature request, or proposal:
Bug
What is the expected behavior?
The icon should be centered in the button.
What is the current behavior?
The icon is displaced 8px upwards to be very close to outer edge of the button.
What are the steps to reproduce?
http://plnkr.co/edit/ljTlfhIkQeksCEGimtXM?p=preview
What is the use-case or motivation for changing an existing behavior?
Which versions of Angular, Material, OS, browsers are affected?
Angular 2.0.0-rc.5, angular2-material-alpha.7-4
Replicated on Windows 10 using Chrome, Firefox, Edge and IE 11.
Is there anything else we should know?
Changing the CSS style line-height
from 24px to 40px (to correspond with the width and height of the button) seems to solve the issue.
Metadata
Metadata
Assignees
Labels
P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgentAn issue that is relevant to core functions, but does not impede progress. Important, but not urgent