From f5918e08a74944b9a809b7dee1dca9ed79ceba78 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Tue, 15 Feb 2022 12:05:37 +0100
Subject: [PATCH] MOBILE-3931 lesson: Add missing ion-labels

---
 .../mod/lesson/pages/player/player.html       | 36 +++++++++++--------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/src/addons/mod/lesson/pages/player/player.html b/src/addons/mod/lesson/pages/player/player.html
index 69e51bc97..3d0739c2f 100644
--- a/src/addons/mod/lesson/pages/player/player.html
+++ b/src/addons/mod/lesson/pages/player/player.html
@@ -36,20 +36,24 @@
 
             <!-- Retake and ongoing score. -->
             <ion-item class="ion-text-wrap" *ngIf="showRetake && !eolData && !processData">
-                <p>{{ 'addon.mod_lesson.attempt' | translate:{$a: retake} }}</p>
+                <ion-label>
+                    <p>{{ 'addon.mod_lesson.attempt' | translate:{$a: retake} }}</p>
+                </ion-label>
             </ion-item>
             <ion-item *ngIf="pageData && pageData.ongoingscore && !eolData && !processData"
                 class="addon-mod_lesson-ongoingscore ion-text-wrap">
-                {{ pageData.ongoingscore }}
+                <ion-label>{{ pageData.ongoingscore }}</ion-label>
             </ion-item>
 
             <!-- Page content. -->
             <ion-card *ngIf="!eolData && !processData">
                 <!-- Content page. -->
                 <ion-item class="ion-text-wrap" *ngIf="!question && pageContent">
-                    <core-format-text [component]="component" [componentId]="lesson.coursemodule" [text]="pageContent" contextLevel="module"
-                        [contextInstanceId]="lesson.coursemodule" [courseId]="courseId">
-                    </core-format-text>
+                    <ion-label>
+                        <core-format-text [component]="component" [componentId]="lesson.coursemodule" [text]="pageContent"
+                            contextLevel="module" [contextInstanceId]="lesson.coursemodule" [courseId]="courseId">
+                        </core-format-text>
+                    </ion-label>
                 </ion-item>
 
                 <!-- Question page. -->
@@ -71,20 +75,24 @@
 
                         <!-- Short answer. -->
                         <ion-item class="ion-text-wrap" *ngSwitchCase="'shortanswer'">
-                            <ion-input [type]="question.input!.type" placeholder="{{ 'addon.mod_lesson.youranswer' | translate }}"
-                                [id]="question.input!.id" [formControlName]="question.input!.name" autocorrect="off"
-                                [maxlength]="question.input!.maxlength">
-                            </ion-input>
+                            <ion-label>
+                                <ion-input [type]="question.input!.type" placeholder="{{ 'addon.mod_lesson.youranswer' | translate }}"
+                                    [id]="question.input!.id" [formControlName]="question.input!.name" autocorrect="off"
+                                    [maxlength]="question.input!.maxlength">
+                                </ion-input>
+                            </ion-label>
                         </ion-item>
 
                         <!-- Essay. -->
                         <ng-container *ngSwitchCase="'essay'">
                             <ion-item *ngIf="question.textarea">
-                                <core-rich-text-editor placeholder="{{ 'addon.mod_lesson.youranswer' | translate }}"
-                                    [control]="question.control" [component]="component" [componentId]="lesson?.coursemodule"
-                                    [autoSave]="true" contextLevel="module" [contextInstanceId]="lesson?.coursemodule"
-                                    elementId="answer_editor">
-                                </core-rich-text-editor>
+                                <ion-label>
+                                    <core-rich-text-editor placeholder="{{ 'addon.mod_lesson.youranswer' | translate }}"
+                                        [control]="question.control" [component]="component" [componentId]="lesson?.coursemodule"
+                                        [autoSave]="true" contextLevel="module" [contextInstanceId]="lesson?.coursemodule"
+                                        elementId="answer_editor">
+                                    </core-rich-text-editor>
+                                </ion-label>
                             </ion-item>
                             <ion-item class="ion-text-wrap" *ngIf="!question.textarea && question.useranswer">
                                 <ion-label>