<div class="row">
  <div class="small-12 column">
    <div class="float-right">
      <button type="button" class="button hollow" data-toggle="annotator-help">
        <sub><span class="icon-edit"></span></sub>&nbsp;
        <%= t("annotator.help.title") %>
      </button>

      <div class="dropdown-pane" id="annotator-help" data-dropdown data-auto-focus="true">
        <% if user_signed_in? %>
          <%= t("annotator.help.alt") %>
        <% else %>
          <p>
            <%= sanitize(t("annotator.help.text",
                           sign_in: link_to_signin,
                           sign_up: link_to_signup)) %>
          </p>
        <% end %>

        <%= image_tag "annotator_help.gif", alt: t("annotator.help.alt") %>
      </div>
    </div>
  </div>
</div>
