anchor.diff:              <div id="headerfields<%= index %>" class="headerContainer" >
                 <input type="text" value="<%=key%>" name="key" id="key<%=index%>" placeholder=" Name" class="key form-control head-input" autocomplete="off"/>
                 <input type="text" value="<%=value%>" name="value" id="value<%=index%>" placeholder=" Value" class="value form-control head-input" autocomplete="off"/>
  -
  +            </div>
  +
  +            <div>
                 <button id="close<%= index %>" tabindex="-1" type="button" class="close" onclick="removeRow(this)">
                   <span style="line-height:inherit" aria-hidden="true">&times;</span>
                   <span class="sr-only">Close</span>
  
positive.code:     }
    }
    window.onclick = function() {
      var fielddata = assembleFullPayload()
      localStorage.fielddata = JSON.stringify(fielddata);
      warn();
    }
    window.onchange = function() {
      var fielddata = assembleFullPayload()
      localStorage.fielddata = JSON.stringify(fielddata);
      warn();
    }
  
negative.code:   }
  
    function clearVariables() {
      // Clear variables from Settings -> Variables
      document.getElementById('varKey0').value   = '';
      document.getElementById('varValue0').value = '';
  
      var container = document.getElementById('variables_list');
      var children = container.children;
  
      while (container.children.length > 2){
        container.removeChild(container.lastChild);
      }
    }
  
    /*clear all form fields. Delete additional header fields*/
  