Merge pull request #14048 from edx/yro_fix-sectionformat-bug

add section format to fix display in accordion

lms/static/sass/course/courseware/_sidebar.scss

@@ -149,7 +149,7 @@
                         &.graded {
 
                             .menu-icon {
-                                @include right($baseline/2);
+                                @include right($baseline/2.5);
                                 position: absolute;
                                 bottom: ($baseline/2);
                                 color: $link-color;

lms/templates/courseware/accordion.html

@@ -40,9 +40,12 @@ else:
                 ## a status icon
                 <%
                     if section.get('due') is None:
-                        data_string = ''
+                        data_string = section['format']
                     else:
-                        data_string = _('due {date}')
+                        if 'proctoring' in section:
+                            data_string = _('due {date}')
+                        else:
+                            data_string = _("{section_format} due {{date}}").format(section_format=section['format'])
                %>
                 % if section['format'] or due_date or 'proctoring' in section:
                 <p class="subtitle">
@@ -85,7 +88,7 @@ else:
         AccordionEvents();
     </%static:require_module_async>
 
-<%static:require_module_async module_name="js/dateutil_factory" class_name="DateUtilFactory">
-    DateUtilFactory.transform(iterationKey=".localized-datetime");
-</%static:require_module_async>
+    <%static:require_module_async module_name="js/dateutil_factory" class_name="DateUtilFactory">
+        DateUtilFactory.transform(iterationKey=".localized-datetime");
+    </%static:require_module_async>
 % endif