-<p>
- Move the marker to the correct position and<br/>
- describe the problem in the box below:
-</p>
-<form action="#">
- <input type="hidden" name="lon">
- <input type="hidden" name="lat">
- <textarea name="comment" cols="40" rows="10"></textarea>
- <br/>
- <input type="submit" name="add" value="Add Note" id="note-add">
-</form>
+<div class="note">
+ <p><%- I18n.t('javascripts.notes.new.intro') %></p>
+ <form action="#">
+ <input type="hidden" name="lon">
+ <input type="hidden" name="lat">
+ <textarea class="comment" name="text" cols="40" rows="10"></textarea>
+ <br/>
+ <div class="buttons">
+ <input type="submit" name="add" value="<%- I18n.t('javascripts.notes.new.add') %>" data-url="<%- create_url %>" disabled="1">
+ </div>
+ </form>
+</div>