
<%= render partial: 'editor_tab_size' %>
<%= render partial: 'traffic_lights_scroller' %>

<div class="practice-top-row">
  <%= render partial: 'avatar_image' %>
  <%= render partial: 'test_button' %>
  <%= render partial: 'traffic_lights_count_total' %>
  <%= render partial: 'traffic_lights_count_predict' %>
  <%= render partial: 'traffic_lights' %>
</div>

<%= form_tag( { action: 'run_tests', id: @id } ) do %>
  <div class="lhs-column">
    <%= render partial: 'file_new_rename_delete' %>
    <%= render partial: 'filenames' %>
    <%= render partial: 'sponsors' %>
  </div>
  <div class="rhs-column">
    <%= render partial: 'tabs' %>
    <%= render partial: 'repl' %>
    <%= render partial: 'editor' %>
    <%= render partial: 'hidden_inputs' %>
  </div>
<% end %>


<%= render partial: 'editor_tab_size' %>
<%= render partial: 'traffic_lights_scroller' %>

<div class="practice-top-row">
  <%= render partial: 'avatar_image' %>
  <%= render partial: 'test_button' %>
  <%= render partial: 'traffic_lights_count_total' %>
  <%= render partial: 'traffic_lights_count_predict' %>
  <%= render partial: 'traffic_lights' %>
</div>

<div class="lhs-column">
  <%= render partial: 'file_new_rename_delete' %>
  <%= render partial: 'filenames' %>
  <%= render partial: 'sponsors' %>
</div>
<div class="rhs-column">
  <%= render partial: 'tabs' %>
  <%= render partial: 'repl' %>
  <%= form_tag( { action: 'run_tests', id: @id } ) do %>
    <%= render partial: 'editor' %>
    <%= render partial: 'hidden_inputs' %>
  <% end %>
</div>

Reduce amount of dom inside the form
Reduce amount of dom inside the form
