title: In Polymer 1.0 aligning paper-dropdown-menu with paper input
body: <p>I have the following example:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;script src='bower_components/webcomponentsjs/webcomponents.min.js'&gt;&lt;/script&gt;
      &lt;link rel="import" href="bower_components/polymer/polymer.html"/&gt;
      &lt;link rel='import' href='bower_components/paper-drawer-panel/paper-drawer-panel.html'&gt;
      &lt;link rel='import' href='bower_components/paper-item/paper-item.html'&gt;
      &lt;link rel='import' href='bower_components/paper-menu/paper-menu.html'&gt;
      &lt;link rel='import' href='bower_components/paper-dropdown-menu/paper-dropdown-menu.html'&gt;
      &lt;link rel='import' href='bower_components/paper-input/paper-input.html'&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div style='width:400px'&gt;
          &lt;paper-input label='Input label' class='inputbox'&gt;&lt;/paper-input&gt;
          &lt;paper-dropdown-menu label='Drop down label'&gt;
              &lt;paper-menu class='dropdown-content'&gt;
                  &lt;paper-item&gt;A&lt;/paper-item&gt;
                  &lt;paper-item&gt;B&lt;/paper-item&gt;
              &lt;/paper-menu&gt;
          &lt;/paper-dropdown-menu&gt;            
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here I am trying to get the paper-dropdown-menu to behave like the paper-input with respect to width and padding, but I have a hard time getting it aligned with the input. There seems to be some left padding somewhere in the paper-dropdown-menu and I cannot get it to accept filling 100% width like the input does by default. What can I do?</p>
  
  <p>Thanks :-)</p>
  
  <p>Cheers
  Franz Thomsen</p>