anchor.diff:  </div>
   
   <form class="form budget-form">
  -  <table class="table table-bordered">
  -    <th>
  +  <table class="table table-bordered budget-table">
  +    <tr>
         <th></th>
         <% @periods.each do |period| %>
           <th colspan="3" class="text-center budget-form-heading">
  
positive.code:   <div class="col-lg-10 col-md-10 col-sm-12 col-xs-12 btn-toolbar budget-pagination">
      <div class="btn-group">
        <%= @periods.first.link_to_prev_month %>
        <%= period_paginator(@date) %>
        <%= @periods.first.link_to_next_month %>
      </div>
    </div>
  
negative.code:       var rowNum = parseInt($(this).data("row-num"));
        $(this).attr("tabindex", colNum * catsCount + rowNum + 1);
      }).blur();
  
      $(".budget-cell").change(function() {
        var cell = $(this);
        $.ajax({
          url: cell.data("path"),
          type: "PATCH",
          data: { value: cell.val() },
          beforeSend: function() {
            $(".save-indicator").hide();
          },
          success: function() {
            $(".save-indicator").show();
          }
        });
      });
    });
  </script>
  