syncing up basic markup/styling

apps/openassessment/templates/openassessmentblock/oa_response.html

@@ -17,7 +17,7 @@
 <li id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility">
 {% endblock %}
     {%  block header %}
-    <!--header class="step__header ui-toggle-visibility__control"-->
+    <header class="step__header ui-toggle-visibility__control">
         <h2 class="step__title">
             <span class="step__counter"></span>
             <span class="wrapper--copy">
@@ -28,11 +28,11 @@
             </span>
         </h2>
 
-    <span class="step__status">
-      <span class="step__status__label">This step's status:</span>
-      <span class="step__status__value">{{ step_status }}</span>
-    </span>
-    <!--/header-->
+        <span class="step__status">
+            <span class="step__status__label">This step's status:</span>
+            <span class="step__status__value">{{ step_status }}</span>
+        </span>
+    </header>
     {% endblock %}
 
     {% block body %}

apps/openassessment/xblock/static/html/v-problem-initial.html

@@ -88,7 +88,7 @@
                 <ol class="openassessment__steps" id="openassessment__steps">
 
                   <!-- STEP: response -->
-                  <li id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility is--expanded">
+                  <li id="openassessment__response" class="openassessment__steps__step step--response ui-toggle-visibility">
                     <header class="step__header ui-toggle-visibility__control">
                       <h2 class="step__title">
                         <span class="step__counter"></span>

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

@@ -40,11 +40,9 @@
     }
 
     @include media($bp-dl) {
-      @include span-columns(8 of 12);
     }
 
     @include media($bp-dx) {
-      @include span-columns(8 of 12);
     }
   }
 
@@ -62,15 +60,9 @@
     }
 
     @include media($bp-dl) {
-      @include span-columns(4 of 12);
-      margin-top: $spacing-delta;
-      text-align: right;
     }
 
     @include media($bp-dx) {
-      @include span-columns(4 of 12);
-      margin-top: $spacing-delta;
-      text-align: right;
     }
   }