From 9391a8a24ae38eda245c89db9e05fea9000fc033 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Mon, 12 Nov 2018 13:25:38 +0100
Subject: [PATCH] MOBILE-2689 courses: Restyle star on favourite course

---
 .../core-courses-course-progress.html           |  6 ++++--
 .../course-progress/course-progress.scss        | 17 +++++++----------
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/core/courses/components/course-progress/core-courses-course-progress.html b/src/core/courses/components/course-progress/core-courses-course-progress.html
index 55339fdfa..da1c5be4d 100644
--- a/src/core/courses/components/course-progress/core-courses-course-progress.html
+++ b/src/core/courses/components/course-progress/core-courses-course-progress.html
@@ -1,10 +1,12 @@
 <ion-card [attr.course-color]="course.id % 10">
     <div (click)="openCourse(course)" class="core-course-thumb" [class.core-course-color-img]="course.courseImage">
         <img *ngIf="course.courseImage" [src]="course.courseImage" core-external-content alt=""/>
-        <core-icon name="fa-star" *ngIf="course.isfavourite"></core-icon>
     </div>
     <ion-item tappable text-wrap detail-none (click)="openCourse(course)" [title]="course.displayname || course.fullname" class="core-course-link" [class.item-disabled]="course.visible == 0" [class.core-course-more-than-title]="(course.summary && course.summary.length) || (course.progress != null && course.progress >= 0)">
-        <h2><core-format-text [text]="course.displayname || course.fullname"></core-format-text></h2>
+        <h2>
+            <core-icon name="fa-star" *ngIf="course.isfavourite"></core-icon>
+            <core-format-text [text]="course.displayname || course.fullname"></core-format-text>
+        </h2>
 
         <div class="core-button-spinner" *ngIf="downloadCourseEnabled && !courseOptionMenuEnabled">
             <!-- Download course. -->
diff --git a/src/core/courses/components/course-progress/course-progress.scss b/src/core/courses/components/course-progress/course-progress.scss
index ca366793b..fbfd3ad73 100644
--- a/src/core/courses/components/course-progress/course-progress.scss
+++ b/src/core/courses/components/course-progress/course-progress.scss
@@ -1,3 +1,5 @@
+$core-star-color: $core-color !default;
+
 ion-app.app-root core-courses-course-progress {
     ion-card.card {
         display: flex;
@@ -29,16 +31,6 @@ ion-app.app-root core-courses-course-progress {
                 bottom: 0;
                 margin: auto;
             }
-
-            ion-icon {
-                position: absolute;
-                @include position(0, null, null, 0);
-                padding: 16px;
-                color: $gray-darker;
-                 -webkit-text-stroke-width: 0.5px;
-                 -webkit-text-stroke-color: $gray-lighter;
-                font-size: 16px;
-            }
         }
 
         .core-course-link {
@@ -55,6 +47,11 @@ ion-app.app-root core-courses-course-progress {
             h2 {
                 margins: 6px 0;
                 flex-grow: 1;
+
+                ion-icon {
+                    margin-right: 4px;
+                    color: $core-star-color;
+                }
             }
 
             &.core-course-more-than-title {