<div class="nested-fields ingredient-editor">
  <!--<div class="panel-body">-->

    <div class="row">
      <div class="col-xs-10 col-sm-11">

        <div class="row">

          <div class="col-xs-6 col-sm-6 col-md-2">
            <div class="form-group form-group-sm">
              <%= f.label :quantity, class: "control-label" %>
              <%= f.text_field :quantity, class: 'form-control quantity' %>
            </div>
          </div>

          <div class="col-xs-6 col-sm-6 col-md-3">
            <div class="form-group form-group-sm">
              <%= f.label :units, class: "control-label" %>
              <div class="input-group input-group-sm">
                <%= f.text_field :units, class: 'form-control units' %>
                <span class="input-group-btn">
                  <button tabindex="-1" class="btn btn-info ingredient_convert_btn" type="button" data-toggle="modal" data-target="#convert_modal">
                    <span class="glyphicon glyphicon-transfer"></span>
                  </button>
                </span>
              </div>
            </div>
          </div>

          <div class="col-xs-6 col-md-3">
            <div class="form-group form-group-sm typeahead-group">
              <%= f.label :name, class: "control-label" %>
              <%= f.text_field :name, class: 'form-control ingredient-typeahead custom' %>
            </div>
          </div>

          <div class="col-xs-6 col-md-4">
            <div class="form-group form-group-sm">
              <%= f.label :preparation, class: "control-label" %>
              <%= f.text_field :preparation, class: 'form-control preparation' %>
            </div>
          </div>

        </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 :ingredient_id, class: 'ingredient_id' %>
    <%= f.hidden_field :sort_order, class: 'sort_order' %>
  <!--</div>-->
</div>