[#12508] Give respondents a way to reset a rubric question submission

src/web/app/components/question-types/question-edit-answer-form/rubric-question-edit-answer-form.component.html

@@ -47,3 +47,6 @@
     </div>
   </div>
 </div>
+<button type="reset" class="btn btn-success" (click)="resetRubricQuestion()">
+  <span>Reset rubric question</span>
+</button>

src/web/app/components/question-types/question-edit-answer-form/rubric-question-edit-answer-form.component.scss

@@ -6,14 +6,26 @@
   background-color: #D9EDF7 !important;
 }
 
+button.btn {
+  margin: 20px 0;
+}
+
 @media (max-width: 768px) {
   .desktop-view {
     display: none;
   }
+
+  .mobile-view {
+    display: block;
+  }
 }
 
 @media (min-width: 768px) {
   .mobile-view {
     display: none;
   }
+
+  .desktop-view {
+    display: block;
+  }
 }

src/web/app/components/question-types/question-edit-answer-form/rubric-question-edit-answer-form.component.ts

@@ -71,4 +71,10 @@ export class RubricQuestionEditAnswerFormComponent extends QuestionEditAnswerFor
   getInputId(id: String, row: Number, col: Number, platform: String): String {
     return `${id}-row${row}-col${col}-${platform}`;
   }
+
+  resetRubricQuestion(): void {
+    let newAnswer: number[] = [];
+    newAnswer = Array(this.questionDetails.rubricSubQuestions.length).fill(RUBRIC_ANSWER_NOT_CHOSEN);
+    this.triggerResponseDetailsChange('answer', newAnswer);
+  }
 }

src/web/app/pages-session/session-submission-page/__snapshots__/session-submission-page.component.spec.ts.snap

@@ -2954,6 +2954,14 @@ exports[`SessionSubmissionPageComponent should snap with feedback session questi
                           </div>
                         </div>
                       </div>
+                      <button
+                        class="btn btn-success"
+                        type="reset"
+                      >
+                        <span>
+                          Reset rubric question
+                        </span>
+                      </button>
                     </tm-rubric-question-edit-answer-form>
                   </div>
                   <div
@@ -5816,6 +5824,14 @@ exports[`SessionSubmissionPageComponent should snap with feedback session questi
                           </div>
                         </div>
                       </div>
+                      <button
+                        class="btn btn-success"
+                        type="reset"
+                      >
+                        <span>
+                          Reset rubric question
+                        </span>
+                      </button>
                     </tm-rubric-question-edit-answer-form>
                   </div>
                   <div