Creating collapsed styles for each list item in the collapsed templates.

apps/openassessment/templates/openassessmentblock/oa_peer_assessment.html

@@ -10,8 +10,9 @@
  -->
 
 <!-- CASE: default/not started -->
+{% block list_item %}
 <li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility">
-
+{% endblock %}
     <span class="system__element" id="peer_submission_uuid">
         {{ peer_submission.uuid }}
     </span>

apps/openassessment/templates/openassessmentblock/oa_peer_assessment_collapsed.html

 {%  extends "openassessmentblock/oa_peer_assessment.html" %}
+{% block list_item %}
+<li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment is--collapsed ui-toggle-visibility">
+{% endblock %}
 {% block body %}
 {% endblock %}
 

apps/openassessment/templates/openassessmentblock/oa_response_collapsed.html

 {%  extends "openassessmentblock/oa_response.html" %}
+{% block list_item %}
+<li id="openassessment__response" class="openassessment__steps__step step--response is--collapsed ui-toggle-visibility">
+{% endblock %}
 {% block body %}
 {% endblock %}
\ No newline at end of file

apps/openassessment/templates/openassessmentblock/oa_self_assessment.html

@@ -11,7 +11,9 @@
 
 
 <!-- CASE: default/not started -->
+{% block list_item %}
 <li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment">
+{% endblock %}
     <header class="step__header">
         <h2 class="step__title">
             <span class="step__counter"></span>

apps/openassessment/templates/openassessmentblock/oa_self_assessment_collapsed.html

 {%  extends "openassessmentblock/oa_self_assessment.html" %}
+{% block list_item %}
+<li id="openassessment__self-assessment" class="openassessment__steps__step is--collapsed step--self-assessment">
+{% endblock %}
 {% block body %}
 {% endblock %}