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

      <div class="dropdown-pane" id="help-legislation" data-dropdown data-auto-focus="true">
        <p>
          <%= t("legislation.help.text",
              sign_in: link_to(t("legislation.help.text_sign_in"), new_user_session_path),
              sign_up: link_to(t("legislation.help.text_sign_up"), new_user_registration_path)).html_safe %>
          <%= image_tag ("annotator_help.gif"), alt: t("legislation.help.alt") %>
        </p>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="small-12 medium-9 small-centered column">
    <section data-annotatable-type="legislation"
             data-annotatable-id="<%= @legislation.id %>">
      <h1 class="text-center"><%= @legislation.title %></h1>
      <div id="legislation_body"><%= @legislation.body %></div>
    </section>
  </div>
</div>
