designer

designer.html

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

<polymer-element name="my-element">

  <template>
    <style>    
      :host {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
      }
      #paper_form {
        left: 180px;
        top: 80px;
        position: absolute;
        width: 710px;
        height: 360px;
      }
      #paper_row {
        border: 1px solid blue;
      }
    </style>
    <paper-form id="paper_form" segment layout vertical end-justified>
      <paper-row id="paper_row" layout horizontal center wrap flex>
        <input-field name="Field Name" id="input_field" kind="input" layout horizontal center field flex></input-field>
      </paper-row>
      <paper-row id="paper_row" layout horizontal center wrap flex>
        <input-field name="Field Name" invalidated id="input_field" kind="input" layout horizontal center field flex></input-field>
      </paper-row>
    </paper-form>
  </template>

  <script>

    Polymer('my-element', {
      
    });

  </script>

</polymer-element>