anchor.diff: -<div data-hook="admin_bulk_discount_form_fields">
  -  <div class="row">
  -    <fieldset data-hook="bulk_discount" class="col-md-6">
  -      <legend align="center">General</legend>
  +<div data-hook="admin_bulk_discount_form_fields" class="row">
  +  <div class="col-md-4">
  +    <%= f.label :name, Spree.t(:name) %>
  +    <%= f.text_field :name, :class => 'form-control' %>
  +  </div>
  +</div>
   
  -      <div class="col-md-12">
  -        <div data-hook="name" class="form-group">
  -          <%= f.label :name, Spree.t(:name) %>
  -          <%= f.text_field :name, :class => 'form-control' %>
  -        </div>
  -      </div>
  -    </fieldset>
  +<div data-hook="admin_bulk_discount_break_points" class="row">
  +  <div class="panel panel-default categories">
  +    <div class="panel-heading">
  +      <h1 class="panel-title">
  +        Break Points
  +      </h1>
  +    </div>
   
  -    <div class="clearfix"></div>
  -    <fieldset data-hook="bulk_discount_break_points" class="col-md-6">
  -      <div class="col-md-12">
  -        <table id="bp-table" class="table">
  -          <colgroup>
  -            <col style="width: 42%">
  -            <col style="width: 42%">
  -            <col style="width: 16%">
  -          </colgroup>
  -          <thead>
  +    <div class="panel-body">
  +      <table id="break-point-table" class="table">
  +        <colgroup>
  +          <col style="width: 42%">
  +          <col style="width: 42%">
  +          <col style="width: 16%">
  +        </colgroup>
  +        <thead>
             <tr>
               <th>Quantity</th>
               <th>Discount</th>
               <th class="actions"></th>
             </tr>
  -          </thead>
  -          <tbody id="break-points">
  +        </thead>
  +        <tbody id="break-points">
   
             <% if f.object.break_points && f.object.break_points.any? %>
                 <% f.object.break_points.sort.each do |quantity, rate| %>
  
positive.code:         $('#break-points').append(tr);
      }
  
      $(document).ready(function (){
          $("#add-new-breakpoint").on('click', function (e) {
              e.preventDefault();
  
  
negative.code:             CreateBreakPoint(quantity, rate);
          });
  
          $('#break-point-table').on('click', '.remove-breakpoint', function () {
              $(this).closest('tr').remove();
          });
      });
  