anchor.diff:  
       </script>
   
  -    <script>
  -
  -
  -    </script>
  -
  +  </div>
  +
  +  <div class="card modal-g">
  +    Photos
  +
  +    <% product_i.colors.each do |color| %>
  +
  +        <div id="color-row" style="overflow: auto; text-align: center">
  +          <button onclick="remove_colo_row(this, '<%= color.id %>')" style="width: 10%; float: left" class="btn btn-danger">-</button><!--FINISH-->
  +          <h4 style="float:left;"><%= color.title %></h4>
  +          <div class="dropzone" id="color_drop_pictures_<%= color.id %>" style="width: 100%; min-height: 170px; float: left">
  +
  +          </div>
  +        </div>
  +        <hr>
  +
  +    <% end %>
  +
  +    <button style="width:100%;" onclick="edit_modal('color_modal', <%= product_i.id %>)" class="btn btn-success">ADD
  +      COLOR
  +    </button>
     </div>
   
     <div class="card modal-g">
  
positive.code:     <button onclick="edit_modal('logo_modal', <%= product_i.id %>)" style="width: 100%" class="btn btn-success">ADD
        LOGO
      </button>
  
      <hr>
  
      <h4 class="light-paragraph">Colors</h4>
      Work in progress...
  
      <hr>
  
  
negative.code:     </button>
    </div>
  
    <script>
        Dropzone.options.myDropzone = {
            init: function () {
                thisDropzone = this;
            }
        };
    </script>
  
    <div id="dim_back" class="dim_back">
  
      <div style="overflow:hidden;" id="size_modal" class="content_pop">
  