title: Polymer 1.0: Styling <paper-toolbar>
body: <p>Please provide a <strong>working JSBin</strong> that makes this <code>&lt;paper-toolbar&gt;</code> "look pretty" as follows:</p>
  
  <ul>
  <li><strong>Vertically center</strong> the <code>&lt;paper-input&gt;</code> and <code>&lt;paper-dropdown-menu&gt;</code> elements to the middle of the <code>&lt;paper-toolbar&gt;</code>.</li>
  <li><strong>Vertically align</strong> the <code>&lt;paper-input&gt;</code> and <code>&lt;paper-dropdown-menu&gt;</code> horizontal input field lines with each other.</li>
  <li><strong>Horizontally space</strong> the <code>&lt;paper-input&gt;</code> and <code>&lt;paper-dropdown-menu&gt;</code> elements between each other by at least <code>20px</code>.</li>
  </ul>
  
  <p><a href="http://jsbin.com/hiwoqapawu/edit?html,output" rel="nofollow">Link to JSBin</a></p>
  
  http://jsbin.com/hiwoqapawu/edit?html,output
  
  <pre><code>&lt;html&gt;
  
  &lt;head&gt;
    &lt;title&gt;My Element&lt;/title&gt;
  
    &lt;script data-require="polymer@*" data-semver="1.0.0" src="http://www.polymer-project.org/1.0/samples/components/webcomponentsjs/webcomponents-lite.js"&gt;&lt;/script&gt;
    &lt;script data-require="polymer@*" data-semver="1.0.0" src="http://www.polymer-project.org/1.0/samples/components/polymer/polymer.html"&gt;&lt;/script&gt;
    &lt;base href="http://element-party.xyz/" /&gt;
    &lt;link rel="import" href="all-elements.html" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;dom-module id="my-element"&gt;
      &lt;style&gt;
        paper-toolbar {
          background: var(--paper-blue-100);
        }
      &lt;/style&gt;
      &lt;template&gt;
        &lt;paper-toolbar&gt;
          &lt;paper-input id="search" label="Search"&gt;
            &lt;iron-icon icon="search" prefix&gt;&lt;/iron-icon&gt;
            &lt;paper-icon-button suffix icon="clear"&gt;&lt;/paper-icon-button&gt;
          &lt;/paper-input&gt;
          &lt;paper-dropdown-menu label="Sort by"&gt;
            &lt;paper-menu class="dropdown-content"&gt;
              &lt;paper-item&gt;Foo&lt;/paper-item&gt;
              &lt;paper-item&gt;Bar&lt;/paper-item&gt;
              &lt;paper-item&gt;Qux&lt;/paper-item&gt;
            &lt;/paper-menu&gt;
          &lt;/paper-dropdown-menu&gt;
        &lt;/paper-toolbar&gt;
      &lt;/template&gt;
      &lt;script&gt;
        Polymer({
          is: "my-element"
        });
      &lt;/script&gt;
    &lt;/dom-module&gt;
  
    &lt;my-element&gt;&lt;/my-element&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>