adding visual emphasis to problem's prompt UI

apps/openassessment/templates/openassessmentblock/grade/oa_grade_complete.html

@@ -138,8 +138,8 @@
                     </ol>
                 </article>
 
-                <form id="submission__feedback" class="submission__feedback" method="post">
-                    <h3 class="submission__feedback__title">Give Feedback On Peer Evaluations</h3>
+                <form id="submission__feedback" class="submission__feedback  ui-toggle-visibility" method="post">
+                    <h3 class="submission__feedback__title ui-toggle-visibility__control">Give Feedback On Peer Evaluations</h3>
 
                     <div class="submission__feedback__content {{ has_submitted_feedback|yesno:"is--submitted," }}">
                         <span class="transition__status is--hidden" aria-hidden="true">

apps/openassessment/templates/openassessmentblock/oa_base.html

@@ -30,7 +30,6 @@
 
             <div class="wrapper--openassessment__prompt">
                 <article class="openassessment__prompt ui-toggle-visibility">
-
                     <h2 class="openassessment__prompt__title">This Problem's Prompt/Question</h2>
 
                     <div class="openassessment__prompt__copy ui-toggle-visibility__content">

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

@@ -594,7 +594,11 @@
 
   .openassessment__prompt {
     @extend %ui-well;
+    position: relative;
     margin-bottom: $baseline-v;
+    border: 1px solid $color-decorative-tertiary;
+    border-left: ($baseline-h/4) solid $color-decorative-secondary;
+    padding-left: ($baseline-h*0.75);
   }
 
   .openassessment__prompt__title {
@@ -613,7 +617,6 @@
       }
     }
 
-
     a {
       @extend %link-copy;
     }