From 55e2e5f3a1cc36397ecdc2db52499a4e353bec85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Tue, 22 Feb 2022 23:10:11 +0100
Subject: [PATCH] MOBILE-3833 assign: Add text wrap to badges

---
 .../components/submission/addon-mod-assign-submission.html   | 4 ++--
 src/addons/mod/assign/components/submission/submission.scss  | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html b/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
index 506fea6e4..7b0f32cf6 100644
--- a/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
+++ b/src/addons/mod/assign/components/submission/addon-mod-assign-submission.html
@@ -391,10 +391,10 @@
         </p>
     </ng-container>
     <p>
-        <ion-badge *ngIf="statusTranslated" [color]="statusColor">
+        <ion-badge *ngIf="statusTranslated" [color]="statusColor" class="ion-text-wrap ion-text-start">
             {{ statusTranslated }}
         </ion-badge>
-        <ion-badge class="ion-margin-start" *ngIf="gradingStatusTranslationId" [color]="gradingColor">
+        <ion-badge class="ion-text-wrap ion-text-start" *ngIf="gradingStatusTranslationId" [color]="gradingColor">
             {{ gradingStatusTranslationId | translate }}
         </ion-badge>
     </p>
diff --git a/src/addons/mod/assign/components/submission/submission.scss b/src/addons/mod/assign/components/submission/submission.scss
index 51e8c8838..935b96fe7 100644
--- a/src/addons/mod/assign/components/submission/submission.scss
+++ b/src/addons/mod/assign/components/submission/submission.scss
@@ -21,6 +21,11 @@
     .core-grading-summary .advancedgrade {
         display: none;
     }
+
+    ion-badge {
+        margin-left: 2px;
+        margin-right: 2px;
+    }
 }
 
 :host-context(body.dark) ::ng-deep {