Narrowed the scope of selection for delete button selection.

Fixed TIM-650

openassessment/templates/openassessmentblock/edit/oa_edit_criterion.html

@@ -4,7 +4,7 @@
     <div class="openassessment_criterion_header view-outline">
         <a class="action expand-collapse collapse"><i class="icon-caret-down ui-toggle-expansion"></i></a>
         <h6 class="openassessment_criterion_header_title">{% trans "Criterion" %}</h6>
-        <div class="openassessment_rubric_remove_button"><h2>{% trans "Remove" %}</h2></div>
+        <div class="openassessment_criterion_remove_button"><h2>{% trans "Remove" %}</h2></div>
     </div>
     <div class="openassessment_criterion_body wrapper-comp-settings">
         <ul class="list-input settings-list openassessment_criterion_basic_editor">

openassessment/templates/openassessmentblock/edit/oa_edit_option.html

@@ -3,7 +3,7 @@
 <li class="openassessment_criterion_option">
     <div class="openassessment_option_header">
         <span class="openassessment_option_header_title">{% trans "Option" %}</span>
-        <div class="openassessment_rubric_remove_button">
+        <div class="openassessment_criterion_option_remove_button">
             <h2>{% trans "Remove" %}</h2>
         </div>
     </div>

openassessment/xblock/static/js/src/lms/oa_container.js

@@ -93,7 +93,7 @@ OpenAssessment.Container.prototype = {
         // Since we just added the new element to the container,
         // it should be the last one.
         var container = this;
-        var containerItem = $("." + this.containerItemClass, this.containerElement).last()
+        var containerItem = $("." + this.containerItemClass, this.containerElement).last();
         containerItem.find('.' + this.removeButtonClass)
             .click(function(eventData) { container.remove(eventData.target); } );
 

openassessment/xblock/static/js/src/lms/oa_container_item.js

@@ -57,7 +57,7 @@ OpenAssessment.RubricCriterion = function(element) {
             containerElement: $(".openassessment_criterion_option_list", this.element).get(0),
             templateElement: $("#openassessment_option_template").get(0),
             addButtonElement: $(".openassessment_criterion_add_option", this.element).get(0),
-            removeButtonClass: "openassessment_rubric_remove_button",
+            removeButtonClass: "openassessment_criterion_option_remove_button",
             containerItemClass: "openassessment_criterion_option",
         }
     );

openassessment/xblock/static/js/src/studio/oa_edit_rubric.js

@@ -8,7 +8,7 @@ OpenAssessment.EditRubricView = function(element) {
             containerElement: $("#openassessment_criterion_list", this.element).get(0),
             templateElement: $("#openassessment_criterion_template", this.element).get(0),
             addButtonElement: $("#openassessment_rubric_add_criterion", this.element).get(0),
-            removeButtonClass: "openassessment_rubric_remove_button",
+            removeButtonClass: "openassessment_criterion_remove_button",
             containerItemClass: "openassessment_criterion",
         }
     );

openassessment/xblock/static/sass/oa/utilities/_developer.scss

@@ -390,6 +390,10 @@
     .openassessment_criterion {
       padding-bottom: 10px;
 
+      .openassessment_criterion_remove_button{
+        @extend .openassessment_rubric_remove_button;
+      }
+
       .openassessment_criterion_header {
         margin: 10px;
         padding: 5px;
@@ -501,6 +505,10 @@
     .openassessment_criterion_option{
       padding: 5px;
 
+      .openassessment_criterion_option_remove_button{
+        @extend .openassessment_rubric_remove_button;
+      }
+
       .openassessment_option_header{
         background-color: $edx-gray-l2;
         padding: 5px 5px 5px 10px;