paper-menu-button misaligned if inserted in core-toobar

I'm using a paper-menu-button inside a core-toobar but it is a pixel under the middle line (in some cases they become two) making it misaligned with other elements.

I've checked with the polymer version and it works fine.

Here the Polymer example where a paper-menu-button and a core-icon-button are side by side: http://jsbin.com/zajujegonele/1/

Here the dart-polymer code:

```
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample app</title>

    <link rel="import" href="packages/polymer/polymer.html">

    <link rel="import" href="packages/core_elements/core_toolbar.html">
    <link rel="import" href="packages/paper_elements/paper_menu_button.html">
    <link rel="import" href="packages/core_elements/core_icon_button.html">

    <style>

    paper-menu-button::shadow core-icon { 
      vertical-align: middle;
    }
    </style>

  </head>
  <body unresolved >

    <core-toolbar header>
      <paper-menu-button icon="menu"></paper-menu-button>
      <core-icon-button icon="menu"></core-icon-button>
      <span flex>Company Name</span>      
      <span>Centered</span>
      <span flex></span>
      <core-icon-button icon="search"></core-icon-button>
    </core-toolbar>

    
    <script type="application/dart">export 'package:polymer/init.dart';</script>
    <script src="packages/browser/dart.js"></script>
  </body>
</html>
```

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

paper-menu-button misaligned if inserted in core-toobar #57

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

paper-menu-button misaligned if inserted in core-toobar #57

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions