From 9d67a408628fbc1097f4f4fc621bccb03b73ccbe Mon Sep 17 00:00:00 2001
From: Damyon Wiese <damyon@moodle.com>
Date: Tue, 31 Jan 2017 15:06:17 +0800
Subject: [PATCH] MDL-40759 icons: Fixes for icons used in CSS

---
 theme/boost/scss/moodle/blocks.scss |  2 +-
 theme/boost/scss/moodle/core.scss   |  2 ++
 theme/boost/scss/moodle/course.scss | 14 ++++++++++----
 3 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/theme/boost/scss/moodle/blocks.scss b/theme/boost/scss/moodle/blocks.scss
index 95d107cc9a1..e5bae3e2239 100644
--- a/theme/boost/scss/moodle/blocks.scss
+++ b/theme/boost/scss/moodle/blocks.scss
@@ -16,7 +16,7 @@
 .block .block-controls {
     .dropdown-toggle {
         /* So that the caret takes the colour of the icon. */
-        color: #999;
+        color: $body-color;
     }
 }
 
diff --git a/theme/boost/scss/moodle/core.scss b/theme/boost/scss/moodle/core.scss
index a0edeadfbd8..9b929ecb246 100644
--- a/theme/boost/scss/moodle/core.scss
+++ b/theme/boost/scss/moodle/core.scss
@@ -19,6 +19,7 @@
 .context-header-settings-menu .dropdown-toggle > .icon,
 #region-main-settings-menu .dropdown-toggle > .icon {
     height: 24px;
+    font-size: 24px;
     width: auto;
 }
 /** Prevent user notifications overlapping with region main settings menu */
@@ -1459,6 +1460,7 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
 .chooserdialogue-course-modchooser .modicon .icon {
     width: 24px;
     height: 24px;
+    font-size: 24px;
 }
 
 @include media-breakpoint-down(xs) {
diff --git a/theme/boost/scss/moodle/course.scss b/theme/boost/scss/moodle/course.scss
index 26d8fa3d6c7..e4f39a8aca9 100644
--- a/theme/boost/scss/moodle/course.scss
+++ b/theme/boost/scss/moodle/course.scss
@@ -594,10 +594,15 @@ span.editinstructions {
 
 .coursebox > .info > .coursename a {
     display: block;
-    background-image: url([[pix:moodle|i/course]]);
-    background-repeat: no-repeat;
-    padding-left: 21px;
-    background-position: left 0.2em;
+    padding-left: 32px;
+    position: relative;
+}
+.coursebox > .info > .coursename a:before {
+    position: absolute;
+    font-family: 'FontAwesome';
+    top: 0;
+    left: 0;
+    content: "\f0ac";
 }
 
 .coursebox > .info > .coursename,
@@ -1193,4 +1198,5 @@ span.editinstructions {
 .page-settings-menu .menubar > a > .icon {
     width: auto;
     height: 32px;
+    font-size: 32px;
 }