From b4b7743a5a43e4f6f1f83f60c4974e8557b7cf22 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 18 Mar 2022 11:33:47 +0100
Subject: [PATCH] MOBILE-3814 course: Add text-wrap to badges

---
 .../features/course/components/module/core-course-module.html | 4 ++--
 .../features/course/pages/module-preview/module-preview.html  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/core/features/course/components/module/core-course-module.html b/src/core/features/course/components/module/core-course-module.html
index fe3204278..0f304763d 100644
--- a/src/core/features/course/components/module/core-course-module.html
+++ b/src/core/features/course/components/module/core-course-module.html
@@ -35,10 +35,10 @@
                     </ion-chip>
 
                     <!-- Hidden badges -->
-                    <ion-badge color="warning" *ngIf="module.visible === 0">
+                    <ion-badge color="warning" *ngIf="module.visible === 0" class="ion-text-wrap">
                         {{ 'core.course.hiddenfromstudents' | translate }}
                     </ion-badge>
-                    <ion-badge color="warning" *ngIf="module.visible !== 0 && module.isStealth">
+                    <ion-badge color="warning" *ngIf="module.visible !== 0 && module.isStealth" class="ion-text-wrap">
                         {{ 'core.course.hiddenoncoursepage' | translate }}
                     </ion-badge>
                 </div>
diff --git a/src/core/features/course/pages/module-preview/module-preview.html b/src/core/features/course/pages/module-preview/module-preview.html
index 2dfdb164f..e25f768db 100644
--- a/src/core/features/course/pages/module-preview/module-preview.html
+++ b/src/core/features/course/pages/module-preview/module-preview.html
@@ -33,10 +33,10 @@
                 </ion-chip>
 
                 <!-- Hidden badges -->
-                <ion-badge color="warning" *ngIf="module.visible === 0">
+                <ion-badge color="warning" *ngIf="module.visible === 0" class="ion-text-wrap">
                     {{ 'core.course.hiddenfromstudents' | translate }}
                 </ion-badge>
-                <ion-badge color="warning" *ngIf="module.visible !== 0 && module.isStealth">
+                <ion-badge color="warning" *ngIf="module.visible !== 0 && module.isStealth" class="ion-text-wrap">
                     {{ 'core.course.hiddenoncoursepage' | translate }}
                 </ion-badge>
             </div>