anchor.diff:      </div>
     <% end %>
   
  -  <div class="mortgagecalc__panel mortgagecalc__panel--with-form">
  +  <div class="mortgagecalc__panel mortgagecalc__panel--full">
       <%= f.submit I18n.t("affordability.input_page.submit"),
                class: "button button--primary mortgagecalc__submit",
                'ng-click' => 'navigateAndFocus($event); calculateRepayments()' %>
  
positive.code: 
    <% f.validates @affordability, @affordability.outgoings %>
  
    <%= f.validation_summary %>
  
    <p><strong><%= I18n.t("affordability.titles.monthly_outgoings") %></strong></p>
  
    <p><%= I18n.t("affordability.input_page.monthly_outgoings_descriptions") %></p>
    <p><%= I18n.t("affordability.input_page.outgoings_second_person") %></p>
  
    <%= f.fields_for :outgoings, @affordability.outgoings do |outgoings| %>
      <p><%= I18n.t("affordability.titles.estimated_committed") %></p>
      <div class="mortgagecalc__panel">
        <div>
          <%= 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>
  
      <div class="mortgagecalc__panel mortgagecalc__panel--with-form">
        <div>
          <%= 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>
  
      <p class="cf"><%= I18n.t("affordability.titles.estimated_fixed") %></p>
      <div class="mortgagecalc__panel">
        <div>
          <%= 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>
      <div class="mortgagecalc__panel mortgagecalc__panel--with-form">
        <div>
          <%= 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>
  
      <p class="cf"><%= I18n.t("affordability.titles.estimated_lifestyle") %></p>
  
      <p>
        <%= t "affordability.input_page.living_costs_description" %>
      </p>
  
      <div class="mortgagecalc__panel">
  
        <div>
          <%= outgoings.errors_for outgoings.object, :entertainment %>
          <%= outgoings.label :entertainment %>
          <%= outgoings.text_field :entertainment,
  
negative.code:                               "data-m-dec" =>"0",
                                "value" => outgoings.object.holidays_formatted %>
        </div>
        <div class="form_field">
          <%= outgoings.errors_for outgoings.object, :food %>
          <%= outgoings.label :food %>
          <%= outgoings.text_field :food,
  