FlatButtons are not centered on the left side of the AppBar

[sorahn]

Problem Description

Using <FlatButton /> for iconElementLeft in <AppBar /> doesn't center the item vertically.

Versions

• Material-UI: 0.15.0-alpha.2
• React: 0.14
• Browser: Chrome

See this switch case here: https://github.com/callemall/material-ui/blob/master/src/AppBar/AppBar.js#L228, and look at the one right below it for 'iconElementRight'

iconElementLeft should have a conditional for for FlatButton that does the same to it as the on for the right side.

Screenshots

Actual:

Expected:

(I had clicked the button in this screenshot, thats why it's transparent)

same alignment as the Button in the example seen here: http://www.material-ui.com/v0.15.0-alpha.2/#/components/app-bar

[mbrookes]

@sorahn - thanks for the report.MArking as a dupe of #773 so it will be taken into account there.

[sorahn]

@mbrooks did you link to the wrong bug? I don't see a thing related to the app bar there, and that bug is closed.

[sorahn]

Ah ha! #773. Watching!

[mbrookes]

@sorahn thanks, updated.

[sorahn]

Dyslexics of the world, UNTIE! ;)

[bravo-kernel]

Dyscalculi ?