anchor.diff:  </div>
   <div class="container top_five_tool">
       <div class="row">
  -    	<div class="col-custom-70 main-bar" data-bind="with: current_top_five">
  -            <div class="hidden-xs">
  -            	<p class="top_five_description" style="margin-top:20px;" data-bind="lText: description"><%= first_non_empty(@top_five.description_translations) %></p>
  -            </div>                
  +        <div class="col-custom-70 main-bar" data-bind="with: current_top_five">               
               <% @top_five.ordered_dishes.each do |dish| %>
                   <div class="top_dish_container" data-bind="with_dish: '<%= dish.id %>', mobileVisible: '<%= dish.id %>'">
                       <div class="visible-xs">
  
positive.code: <div class="top_five_header" data-bind="with: current_top_five, mobileVisible: 'header'">
      <div class="container">
          <div class="top_five_title" data-bind="click: function(){ $root.instructions(true) }">
              <span><h1 style="display:inline" data-bind="lText: name"><%= first_non_empty(@top_five.name_translations) %></h1>
              <span class="hidden-xs"><button class="instructions">How to win</button> <i class="fa fa-question-circle"></i></span></span>
          </div>
          <h4 class="countdown" data-bind="with: $root.current_top_five"><span data-bind="countdown: end_date"></span> until draw.</h4>
      </div>
  
negative.code:                             </div>
                          </div>
                      </div>
                      <div class="col-sm-8 hidden-xs">
                          <div class="dish-picture imageCroppedFull" style="background-image: url(<%= dish.img_src_orig %>); border-radius: 0; height: 400px"></div>
                      </div>
                  </div>
  