Skip to content

md-icon-button in md-toolbar has icon displaced #1093

@Lavan

Description

@Lavan

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 urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions