From 0993b4ffe10864b4bf22b22d46505bd16cebe717 Mon Sep 17 00:00:00 2001
From: Michael Milette <michael.milette@tngconsulting.ca>
Date: Sun, 19 May 2024 16:08:56 -0400
Subject: [PATCH] Moved course enrolment icon over course image.

---
 classes/output/core/course_renderer.php |  5 ++---
 scss/trema/courselist.scss              | 12 ++++++++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/classes/output/core/course_renderer.php b/classes/output/core/course_renderer.php
index ec12d9a..c01c632 100644
--- a/classes/output/core/course_renderer.php
+++ b/classes/output/core/course_renderer.php
@@ -247,19 +247,18 @@ protected function coursecat_coursebox_content(coursecat_helper $chelper, $cours
         $content .= '<h3 class="h5 card-title m-1">' . $coursenamelink . '</h4>';
         $content .= html_writer::end_tag('div');
 
-        $content .= html_writer::start_tag('div', ['class' => 'card-block text-center']);
-
         // Print enrolmenticons.
+        $content .= html_writer::start_tag('div', ['class' => 'enrolmenticon']);
         if ($icons = enrol_get_course_info_icons($course)) {
             foreach ($icons as $pixicon) {
                 $content .= $this->render($pixicon);
             }
         }
+        $content .= html_writer::end_tag('div'); // End enrolment icon.
 
         $content .= html_writer::start_tag('div', ['class' => 'pull-right']);
         $content .= html_writer::end_tag('div'); // End pull-right.
 
-        $content .= html_writer::end_tag('div'); // End card-block.
 
         // Display course contacts. See core_course_list_element::get_course_contacts().
         if ($showcardcontact && $course->has_course_contacts()) {
diff --git a/scss/trema/courselist.scss b/scss/trema/courselist.scss
index 77e7fce..ec8f01a 100644
--- a/scss/trema/courselist.scss
+++ b/scss/trema/courselist.scss
@@ -39,6 +39,18 @@
             height: auto;
         }
     }
+
+    .enrolmenticon {
+        position: absolute;
+        background-color: rgba(255, 255, 255, .9);
+        top: 72px;
+        left: 8px;
+        border-radius: $softness;
+        .img, .icon {
+            padding: 4px;
+            margin: 0px;
+       }
+    }
 }
 
 body #page .card-see-more .btn {