From e40b212fef51a90819bd9110a380d35191276e87 Mon Sep 17 00:00:00 2001
From: Dani Palou <dani@moodle.com>
Date: Fri, 16 Dec 2022 12:32:08 +0100
Subject: [PATCH 1/3] MOBILE-4081 quiz: Fix submit quiz button alignment

---
 src/addons/mod/quiz/pages/player/player.html | 25 ++++++++++----------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/addons/mod/quiz/pages/player/player.html b/src/addons/mod/quiz/pages/player/player.html
index d74bcc8b2..1548782bb 100644
--- a/src/addons/mod/quiz/pages/player/player.html
+++ b/src/addons/mod/quiz/pages/player/player.html
@@ -149,19 +149,20 @@
             </ion-button>
         </ion-card>
 
-        <div collapsible-footer appearOnBottom *ngIf="!quizAborted && showSummary && summaryQuestions.length && loaded" slot="fixed"
-            class="list-item-limited-width">
-            <ion-button *ngIf="preventSubmitMessages.length" expand="block" class="ion-margin ion-text-wrap" [href]="moduleUrl" core-link
-                [showBrowserWarning]="false">
-                {{ 'core.openinbrowser' | translate }}
-                <ion-icon name="fas-external-link-alt" slot="end" aria-hidden="true"></ion-icon>
-            </ion-button>
+        <div collapsible-footer appearOnBottom *ngIf="!quizAborted && showSummary && summaryQuestions.length && loaded" slot="fixed">
+            <div class="list-item-limited-width">
+                <ion-button *ngIf="preventSubmitMessages.length" expand="block" class="ion-margin ion-text-wrap" [href]="moduleUrl"
+                    core-link [showBrowserWarning]="false">
+                    {{ 'core.openinbrowser' | translate }}
+                    <ion-icon name="fas-external-link-alt" slot="end" aria-hidden="true"></ion-icon>
+                </ion-button>
 
-            <!-- Button to submit the quiz. -->
-            <ion-button *ngIf="!attempt!.finishedOffline && !preventSubmitMessages.length" expand="block" class="ion-margin ion-text-wrap"
-                (click)="finishAttempt(true)">
-                {{ 'addon.mod_quiz.submitallandfinish' | translate }}
-            </ion-button>
+                <!-- Button to submit the quiz. -->
+                <ion-button *ngIf="!attempt!.finishedOffline && !preventSubmitMessages.length" expand="block"
+                    class="ion-margin ion-text-wrap" (click)="finishAttempt(true)">
+                    {{ 'addon.mod_quiz.submitallandfinish' | translate }}
+                </ion-button>
+            </div>
         </div>
     </core-loading>
 </ion-content>

From f2af5c72b396c5d0bc93d9f8a2423778a50a2e58 Mon Sep 17 00:00:00 2001
From: Dani Palou <dani@moodle.com>
Date: Fri, 16 Dec 2022 13:05:23 +0100
Subject: [PATCH 2/3] MOBILE-4081 quiz: Fix question mark rendering

---
 src/addons/mod/quiz/pages/player/player.html | 2 +-
 src/addons/mod/quiz/pages/review/review.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/addons/mod/quiz/pages/player/player.html b/src/addons/mod/quiz/pages/player/player.html
index 1548782bb..dd42c0bc5 100644
--- a/src/addons/mod/quiz/pages/player/player.html
+++ b/src/addons/mod/quiz/pages/player/player.html
@@ -52,7 +52,7 @@
                         <div *ngIf="question.status || question.readableMark" slot="end"
                             class="ion-text-wrap ion-margin-horizontal addon-mod_quiz-question-note">
                             <p *ngIf="question.status" class="block">{{question.status}}</p>
-                            <p *ngIf="question.readableMark">{{ question.readableMark }}</p>
+                            <p *ngIf="question.readableMark" [innerHTML]="question.readableMark"></p>
                         </div>
                     </ion-item-divider>
 
diff --git a/src/addons/mod/quiz/pages/review/review.html b/src/addons/mod/quiz/pages/review/review.html
index 0ab6d7c5d..fc90cf855 100644
--- a/src/addons/mod/quiz/pages/review/review.html
+++ b/src/addons/mod/quiz/pages/review/review.html
@@ -92,7 +92,7 @@
                         <div class="ion-text-wrap ion-margin-horizontal addon-mod_quiz-question-note" slot="end"
                             *ngIf="question.status || question.readableMark">
                             <p *ngIf="question.status">{{question.status}}</p>
-                            <p *ngIf="question.readableMark">{{question.readableMark}}</p>
+                            <p *ngIf="question.readableMark" [innerHTML]="question.readableMark"></p>
                         </div>
                     </ion-item-divider>
 

From 665f3a4495055950d4a92d6ad9a660c96985ea52 Mon Sep 17 00:00:00 2001
From: Dani Palou <dani@moodle.com>
Date: Fri, 16 Dec 2022 14:56:43 +0100
Subject: [PATCH 3/3] MOBILE-4081 quiz: Fix timer red color

---
 src/addons/mod/quiz/pages/player/player.scss | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/addons/mod/quiz/pages/player/player.scss b/src/addons/mod/quiz/pages/player/player.scss
index ca4062557..4569e5005 100644
--- a/src/addons/mod/quiz/pages/player/player.scss
+++ b/src/addons/mod/quiz/pages/player/player.scss
@@ -13,15 +13,17 @@ $quiz-timer-iterations: 15 !default;
         border-bottom: 1px solid var(--stroke);
     }
 
-    core-timer .core-timer {
-        // Make the timer go red when it's reaching 0.
-        @for $i from 0 through $quiz-timer-iterations {
-            &.core-timer-timeleft-#{$i} {
-                background-color: rgba($quiz-timer-warn-color, 1 - ($i / $quiz-timer-iterations)) !important;
+    core-timer ::ng-deep {
+        .core-timer {
+            // Make the timer go red when it's reaching 0.
+            @for $i from 0 through $quiz-timer-iterations {
+                &.core-timer-timeleft-#{$i} {
+                    background-color: rgba($quiz-timer-warn-color, 1 - ($i / $quiz-timer-iterations)) !important;
 
-                @if $i <= $quiz-timer-iterations / 2 {
-                    label, span, ion-icon {
-                        color: var(--white);
+                    @if $i <= $quiz-timer-iterations / 2 {
+                        label, span, ion-icon {
+                            color: var(--white);
+                        }
                     }
                 }
             }