Fix layout for related courses

torchbox · Jan 4, 2024 · db0f2b2 · db0f2b2
1 parent 54f98bf
commit db0f2b2
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/tbx/project_styleguide/templates/patterns/pages/courses/course_detail_page.html b/tbx/project_styleguide/templates/patterns/pages/courses/course_detail_page.html
@@ -26,8 +26,11 @@ <h1 class="title-block__heading title-block__heading--course">
     {% include_block page.body %}
 
     {% if page.related_courses %}
-        <div class="contain-me">
-            {% include "patterns/molecules/course-grid/course-grid.html" with cards=page.related_courses %}
+        <div class="streamfield">
+            <div class="related-courses">
+                <h2 class="course-grid-title">Related courses:</h2>
+                {% include "patterns/molecules/course-grid/course-grid.html" with cards=page.related_courses %}
+            </div>
         </div>
     {% endif %}
 

diff --git a/tbx/static_src/sass/components/_related-courses.scss b/tbx/static_src/sass/components/_related-courses.scss
@@ -0,0 +1,3 @@
+.related-courses {
+    @include streamblock-padding();
+}
diff --git a/tbx/static_src/sass/main.scss b/tbx/static_src/sass/main.scss
@@ -71,6 +71,7 @@
 @import 'components/raw-html-block';
 @import 'components/reason';
 @import 'components/related-content';
+@import 'components/related-courses';
 @import 'components/related-item';
 @import 'components/report-hero';
 @import 'components/report-in-page-nav';