anchor.diff:                                "data-m-dec" =>"0",
                                 "value" => outgoings.object.holidays_formatted %>
         </div>
  -    </div>
  -    <div class="mortgagecalc__panel mortgagecalc__panel--with-form">
  -      <div>
  +      <div class="form_field">
           <%= outgoings.errors_for outgoings.object, :food %>
           <%= outgoings.label :food %>
           <%= outgoings.text_field :food,
  
positive.code:     </div>
    <% end %>
  
    <div class="mortgagecalc__panel mortgagecalc__panel--with-form">
      <%= f.submit I18n.t("affordability.input_page.submit"),
               class: "button button--primary mortgagecalc__submit",
               'ng-click' => 'navigateAndFocus($event); calculateRepayments()' %>
  
negative.code: 
    <% f.validates @affordability, @affordability.outgoings %>
  
    <div class="mortgagecalc__panel mortgagecalc__panel--full">
  
      <%= f.validation_summary %>
  
      <h3><%= I18n.t("affordability.titles.monthly_outgoings") %></h3>
  
      <p><%= I18n.t("affordability.input_page.monthly_outgoings_descriptions") %></p>
      <p><%= I18n.t("affordability.input_page.outgoings_second_person") %></p>
    </div>
  
    <div class="mortgagecalc__panel mortgagecalc__panel--full">
    <%= f.fields_for :outgoings, @affordability.outgoings do |outgoings| %>
      <h4><%= I18n.t("affordability.titles.estimated_committed") %></h4>
    </div>
  
    <div class="mortgagecalc__panel">
  
      <div class="form_field">
        <%= outgoings.errors_for outgoings.object, :credit_repayments %>
        <%= outgoings.label :credit_repayments %>
        <%= outgoings.text_field :credit_repayments,
                              "class" => "form-control",
                              "placeholder" => "Credit debts",
                              "ng-model" => "affordability.outgoings.committed.credit_repayments",
                              "currency" => '',
                              "data-a-sign" =>"£",
                              "data-m-dec" =>"0",
                              "value" => outgoings.object.credit_repayments_formatted %>
      </div>
  
      <div class="form_field">
        <%= outgoings.errors_for outgoings.object, :child_maintenance %>
        <%= outgoings.label :child_maintenance %>
        <%= outgoings.text_field :child_maintenance,
                              "class" => "form-control",
                              "placeholder" => "utilities",
                              "ng-model" => "affordability.outgoings.committed.child_maintenance",
                              "currency" => '',
                              "data-a-sign" =>"£",
                              "data-m-dec" =>"0",
                              "value" => outgoings.object.child_maintenance_formatted %>
      </div>
    </div>
  
    <div class="mortgagecalc__panel mortgagecalc__panel--full">
      <h4><%= I18n.t("affordability.titles.estimated_fixed") %></h4>
    </div>
  
    <div class="mortgagecalc__panel">
  
      <div class="form_field">
        <%= outgoings.errors_for outgoings.object, :childcare %>
        <%= outgoings.label :childcare %>
        <%= outgoings.text_field :childcare,
                              "class" => "form-control",
                              "placeholder" => "utilities",
                              "ng-model" => "affordability.outgoings.fixed.childcare",
                              "currency" => '',
                              "data-a-sign" =>"£",
                              "data-m-dec" =>"0",
                              "value" => outgoings.object.childcare_formatted %>
  
        <%= outgoings.errors_for outgoings.object, :travel %>
        <%= outgoings.label :travel %>
        <%= outgoings.text_field :travel,
                              "class" => "form-control",
                              "placeholder" => "Credit debts",
                              "ng-model" => "affordability.outgoings.fixed.travel",
                              "currency" => '',
                              "data-a-sign" =>"£",
                              "data-m-dec" =>"0",
                              "value" => outgoings.object.travel_formatted %>
      </div>
  
      <div class="form_field">
        <%= outgoings.errors_for outgoings.object, :utilities %>
        <%= outgoings.label :utilities %>
        <%= outgoings.text_field :utilities,
                              "class" => "form-control",
                              "placeholder" => "utilities",
                              "ng-model" => "affordability.outgoings.fixed.utilities",
                              "currency" => '',
                              "data-a-sign" =>"£",
                              "data-m-dec" =>"0",
                              "value" => outgoings.object.utilities_formatted %>
  
        <%= outgoings.errors_for outgoings.object, :rent_and_mortgage %>
        <%= outgoings.label :rent_and_mortgage %>
        <%= outgoings.text_field :rent_and_mortgage,
                              "class" => "form-control",
                              "placeholder" => "utilities",
                              "ng-model" => "affordability.outgoings.fixed.rent_and_mortgage",
                              "currency" => '',
                              "data-a-sign" =>"£",
                              "data-m-dec" =>"0",
                              "value" => outgoings.object.rent_and_mortgage_formatted %>
        </div>
  
      </div>
  
      <div class="mortgagecalc__panel mortgagecalc__panel--full">
        <h3><%= I18n.t("affordability.titles.estimated_lifestyle") %></h3>
        <p><%= t "affordability.input_page.living_costs_description" %></p>
      </div>
  
      <div class="mortgagecalc__panel">
        <div class="form_field">
          <%= outgoings.errors_for outgoings.object, :entertainment %>
          <%= outgoings.label :entertainment %>
          <%= outgoings.text_field :entertainment,
  