From 46057123e63a172bd109c4e67a4a9958d0952b39 Mon Sep 17 00:00:00 2001
From: Andrew Hancox <andrewdchancox@googlemail.com>
Date: Wed, 30 Sep 2020 12:56:47 +0100
Subject: [PATCH] Fix to use non deprecated URL constructor and support mobile
 app

---
 filter.php  | 13 ++++---------
 styles.css  | 22 ++++++++++++++++++++++
 version.php |  2 +-
 3 files changed, 27 insertions(+), 10 deletions(-)
 create mode 100644 styles.css

diff --git a/filter.php b/filter.php
index b701af4..4c212a2 100644
--- a/filter.php
+++ b/filter.php
@@ -911,15 +911,10 @@ function ($matches) {
                             }
                             $courseurl = new moodle_url('/course/view.php', array('id' => $courseid ));
                             $content .= '
-                            <div class="card shadow mr-4 mb-4 ml-1" style="min-width:300px;max-width:300px;">
-                                <a href="' . $courseurl . '" class="text-normal h-100">
-                                <div class="card-img-top" style="background-image:url(' . $imgurl
-                                    . ');height:100px;max-width:300px;padding-top:50%;background-size:cover;'
-                                    . 'background-repeat:no-repeat;background-position:center;"></div>
-                                <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0">' . $course->get_formatted_name() . '</div>
-                                </a>
-                            </div>
-                        ';
+                            <div class="filtercodes_coursecards card shadow mr-4 mb-4 ml-1">
+                                <div class="card-img-top"><a href="' . $courseurl . '" class="text-normal h-100"><img src="' . $imgurl .'"></a></div>
+                                <div class="card-title pt-1 pr-3 pb-1 pl-3 m-0"><a href="' . $courseurl . '">' . $course->get_formatted_name() . '</a></div>
+                            </div>';
                         }
                     }
                     $replace['/'.$placeholder.'/i'] = !empty($header) ? $header . $content . $footer : '';
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..fd78e06
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,22 @@
+div.filtercodes_coursecards.card {
+    min-width: 300px;
+    max-width: 300px;
+    height: 300px;
+}
+
+div.filtercodes_coursecards div.card-img-top {
+    max-width: 300px;
+    text-align: center;
+    align-content: center;
+    height: 250px;
+}
+
+div.filtercodes_coursecards div.card-img-top img {
+    padding-top: 10px;
+    max-width: 100%;
+    max-height: 200px;
+}
+
+div.filtercodes_coursecards.card div.card-title {
+    height: 50px;
+}
diff --git a/version.php b/version.php
index 619d888..92605c0 100644
--- a/version.php
+++ b/version.php
@@ -25,7 +25,7 @@
 
 defined('MOODLE_INTERNAL') || die();
 
-$plugin->version   = 2020070100;            // The current plugin version (Date: YYYYMMDDXX).
+$plugin->version   = 2020070102;            // The current plugin version (Date: YYYYMMDDXX).
 $plugin->requires  = 2014051200;            // Requires Moodle version 2.7.
 $plugin->component = 'filter_filtercodes';  // Full name of the plugin (used for diagnostics).
 $plugin->release   = '2.0.0';