<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>Gesture Preferences</title>
  <link rel="stylesheet" href="chrome://resources/css/chrome_shared.css">
  <link rel="stylesheet" href="chrome://resources/css/widgets.css">
  <link rel="stylesheet" href="gesture_config.css">
  <script src="gesture_config.js"></script>
</head>
<body>
<form>
  <div class="buttons-pane">
    <button id="reset-all-button">Reset All</button>
  </div>
  <div id="gesture-form"></div>
</form>
<div id="section-template">
  <h2 class="section-title"></h2>
  <div class="section-properties">
    <!-- Section rows are inserted here. -->
  </div>
</div>
<div id="section-row-template" class="row">
  <label class="row-label"></label>
  <div class="row-input">
    <input class="input" type="number" size="20">
  </div>
  <div class="row-units"></div>
  <button class="row-reset">Reset</button>
</div>
</body>
</html>