anchor.diff:      }
   
       #address {
  -      height: 1.82em;
         width: 400px;
       }
   
       #search-bar {
         position: fixed;
  -      top: 25px;
  +      top: 27px;
         left: 450px;
       }
       .input-group {
  
positive.code:   </style>
  </head>
  <body>
    <div class="pure-g" id="layout">
      <div class="sidebar pure-u">
        <div class="header">
          <h1 class="brand-title">Map Note</h1>
          <h3 class="brand-tagline">Create Your Note with A Map</h3>
  
negative.code:       </div>
      </div>
    </div>
    <div id="search-bar" class="form-inline">
      <input id="address" class="form-control" placeholder="Enter your location" type="text">
      <button type="button" class="btn btn-default" onclick="search()">
        <span class="glyphicon glyphicon-search"></span>
      </button>
      <button type="button" class="btn btn-default" onclick="save()">
        <span class="glyphicon glyphicon-floppy-save"></span>
      </button>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  