<div class="well well-sm nested-fields step-editor">
  <!--<div class="panel-body">-->

    <div class="row">
      <div class="col-xs-2 col-sm-1">
        <span class="sort-order-display"><%= f.object ? f.object.sort_order : '' %></span>
      </div>

      <div class="col-xs-8 col-sm-10">
        <div class="form-group form-group-sm">
          <%= f.text_area :step, class: 'form-control step' %>
        </div>
      </div>

      <div class="col-xs-2 col-sm-1">
        <%= link_to_remove_association f, class: 'remove-button' do %>
          <span class="glyphicon glyphicon-remove"></span>
        <% end %>
      </div>
    </div>

    <%= f.hidden_field :sort_order, class: 'sort_order' %>

  <!--</div>-->
</div>