fixed the multi-line issue for criterion prompt, criterion option text,

peer assessment feedback and self assessment feedback.

TNL-814

openassessment/templates/openassessmentblock/grade/oa_grade_complete.html

@@ -171,7 +171,9 @@
                                             </h6>
 
                                             <div class="feedback__value">
-                                              {{ feedback }}
+                                                <div class="value">
+                                                    <p>{{ feedback }}</p>
+                                                </div>
                                             </div>
                                         </li>
                                         {% endfor %}
@@ -182,7 +184,9 @@
                                             </h6>
 
                                             <div class="feedback__value">
-                                              {{ criterion.self_feedback }}
+                                                <div class="value">
+                                                    <p>{{ criterion.self_feedback }}</p>
+                                                </div>
                                             </div>
                                         </li>
                                         {% endif %}

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

@@ -176,6 +176,7 @@
     @extend %t-heading;
     margin-left: ($baseline-h/4);
     color: $heading-color;
+    white-space: pre-wrap;
   }
 }
 
@@ -245,6 +246,7 @@
   }
 
   .answer__tip {
+    white-space: pre-wrap;
     margin-bottom: ($baseline-v/2);
 
     @extend %copy-3;

openassessment/xblock/static/sass/oa/views/_oa-base.scss

@@ -634,6 +634,7 @@
 
         .question__title__copy {
           margin-left: 0;
+          white-space: pre-wrap;
         }
 
         textarea {
@@ -859,6 +860,7 @@
       @extend %t-heading;
       margin-left: ($baseline-h/4);
       color: $heading-color;
+      white-space: pre-wrap;
     }
 
     .question__score {
@@ -942,6 +944,9 @@
       display: block;
       margin-bottom: ($baseline-v/2);
       color: $heading-primary-color;
+      .value {
+        white-space: pre-wrap;
+      }
     }
 
     .answer__value__value {
@@ -1015,6 +1020,7 @@
     .feedback__value {
       @extend %copy-3;
       display: block;
+      white-space: pre-wrap;
     }
   }