From f14ab0e2322b179225f62333a9d2b394c1ff5a00 Mon Sep 17 00:00:00 2001
From: Noel De Martin <noel@moodle.com>
Date: Tue, 25 Apr 2023 16:37:15 +0200
Subject: [PATCH] MOBILE-4284 quiz: Wrap question numbers text

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

diff --git a/src/addons/mod/quiz/components/navigation-modal/navigation-modal.html b/src/addons/mod/quiz/components/navigation-modal/navigation-modal.html
index 885e5f8fa..eb7fd9ead 100644
--- a/src/addons/mod/quiz/components/navigation-modal/navigation-modal.html
+++ b/src/addons/mod/quiz/components/navigation-modal/navigation-modal.html
@@ -17,7 +17,7 @@
                 [attr.aria-current]="!summaryShown && currentPage == question.page ? 'page' : 'false'"
                 (click)="loadPage(question.page, question.slot)" detail="false">
 
-                <ion-label>
+                <ion-label class="ion-text-wrap">
                     <span *ngIf="question.type !== 'description' && question.questionnumber">
                         {{ 'core.question.questionno' | translate:{$a: question.questionnumber} }}
                     </span>
diff --git a/src/addons/mod/quiz/pages/player/player.html b/src/addons/mod/quiz/pages/player/player.html
index 5d5240afb..645f3eff1 100644
--- a/src/addons/mod/quiz/pages/player/player.html
+++ b/src/addons/mod/quiz/pages/player/player.html
@@ -43,7 +43,7 @@
                 <ion-card id="addon-mod_quiz-question-{{question.slot}}">
                     <!-- "Header" of the question. -->
                     <ion-item-divider>
-                        <ion-label>
+                        <ion-label class="ion-text-wrap">
                             <h2 *ngIf="question.type !== 'description' && question.questionnumber" class="inline">
                                 {{ 'core.question.questionno' | translate:{$a: question.questionnumber} }}
                             </h2>
@@ -116,7 +116,7 @@
                     [detail]="!isSequential && canReturn" [button]="!isSequential && canReturn">
                     <ion-label>
                         <ion-row class="ion-align-items-center">
-                            <ion-col size="3" class="ion-text-center">{{ question.questionnumber }}</ion-col>
+                            <ion-col size="3" class="ion-text-center ion-text-wrap">{{ question.questionnumber }}</ion-col>
                             <ion-col size="9" class="ion-text-center ion-text-wrap">{{ question.status }}</ion-col>
                         </ion-row>
                     </ion-label>
diff --git a/src/addons/mod/quiz/pages/review/review.html b/src/addons/mod/quiz/pages/review/review.html
index 5001880c7..a39266b09 100644
--- a/src/addons/mod/quiz/pages/review/review.html
+++ b/src/addons/mod/quiz/pages/review/review.html
@@ -85,7 +85,7 @@
                 <ion-card id="addon-mod_quiz-question-{{question.slot}}">
                     <!-- "Header" of the question. -->
                     <ion-item-divider>
-                        <ion-label>
+                        <ion-label class="ion-text-wrap">
                             <h2 *ngIf="question.type !== 'description' && question.questionnumber">
                                 {{ 'core.question.questionno' | translate:{$a: question.questionnumber} }}
                             </h2>