adding visual spacing between grade report UI sections

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

@@ -16,7 +16,7 @@
     <div class="ui-toggle-visibility__content">
         <div class="wrapper--step__content">
             <div class="step__content">
-                <article class="submission__answer__display">
+                <article class="submission__answer__display step__content__section">
                     <h3 class="submission__answer__display__title">Your Submitted Response</h3>
 
                     <div class="submission__answer__display__content">
@@ -24,7 +24,7 @@
                     </div>
                 </article>
 
-                <article class="submission__peer-evaluations">
+                <article class="submission__peer-evaluations step__content__section">
                     <h3 class="submission__peer-evaluations__title">Peer Evaluations Of Your Response</h3>
 
                     <ol class="list submission__peer-evaluations__questions">
@@ -138,7 +138,7 @@
                     </ol>
                 </article>
 
-                <form id="submission__feedback" class="submission__feedback ui-toggle-visibility" method="post">
+                <form id="submission__feedback" class="submission__feedback ui-toggle-visibility step__content__section" method="post">
                     <i class="ico icon-caret-right"></i>
                     <h3 class="submission__feedback__title ui-toggle-visibility__control">Give Feedback On Peer Evaluations</h3>
 

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

@@ -360,6 +360,10 @@
       margin-bottom: $baseline-v;
     }
 
+    .step__content__section {
+      margin-bottom: ($baseline-v*2);
+    }
+
     // step actions
     .step__actions {
       margin-bottom: ($baseline-v/2);
@@ -921,13 +925,10 @@
     }
   }
 
+
   // --------------------
   // UI: submitted repsonse
   // --------------------
-  .submission__answer__display {
-    @extend %ui-subsection;
-  }
-
   .submission__answer__display__title {
     @extend %t-heading;
     margin-bottom: ($baseline-v/2);