From fa6dc7e5a6dcf89adb6e5399a8fe455157645ef5 Mon Sep 17 00:00:00 2001
From: Alfonso Salces <alfonso.salces@moodle.com>
Date: Thu, 13 Apr 2023 15:18:03 +0200
Subject: [PATCH 1/2] MOBILE-4291 AddonUserProfile: Add margin-right in
 checkbox

---
 .../checkbox/component/checkbox.scss             | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/addons/userprofilefield/checkbox/component/checkbox.scss b/src/addons/userprofilefield/checkbox/component/checkbox.scss
index af42a6a69..7306a701f 100644
--- a/src/addons/userprofilefield/checkbox/component/checkbox.scss
+++ b/src/addons/userprofilefield/checkbox/component/checkbox.scss
@@ -1,9 +1,19 @@
+@import "~theme/globals";
+
 :host {
     --text-overflow: initial;
     --white-space: normal;
 
-    .label-text {
-        text-overflow: var(--text-overflow);
-        white-space: var(--white-space);
+    .item-heading {
+        white-space: normal;
+    }
+
+    ion-label {
+        @include padding-horizontal(null, .5rem);
+
+        .label-text {
+            text-overflow: var(--text-overflow);
+            white-space: var(--white-space);
+        }
     }
 }

From 543e4929ca50a602fa97dabc12de7b21fedf00a8 Mon Sep 17 00:00:00 2001
From: Alfonso Salces <alfonso.salces@moodle.com>
Date: Tue, 18 Apr 2023 09:33:28 +0200
Subject: [PATCH 2/2] MOBILE-4291 userprofile: Add white-space normal to
 item-headings

---
 src/addons/userprofilefield/menu/component/menu.scss | 3 +++
 src/addons/userprofilefield/menu/component/menu.ts   | 1 +
 2 files changed, 4 insertions(+)
 create mode 100644 src/addons/userprofilefield/menu/component/menu.scss

diff --git a/src/addons/userprofilefield/menu/component/menu.scss b/src/addons/userprofilefield/menu/component/menu.scss
new file mode 100644
index 000000000..173794a7c
--- /dev/null
+++ b/src/addons/userprofilefield/menu/component/menu.scss
@@ -0,0 +1,3 @@
+.item-heading {
+    white-space: normal;
+}
diff --git a/src/addons/userprofilefield/menu/component/menu.ts b/src/addons/userprofilefield/menu/component/menu.ts
index b497b69de..2109277d0 100644
--- a/src/addons/userprofilefield/menu/component/menu.ts
+++ b/src/addons/userprofilefield/menu/component/menu.ts
@@ -23,6 +23,7 @@ import { CoreUserProfileFieldBaseComponent } from '@features/user/classes/base-p
 @Component({
     selector: 'addon-user-profile-field-menu',
     templateUrl: 'addon-user-profile-field-menu.html',
+    styleUrls: ['./menu.scss'],
 })
 export class AddonUserProfileFieldMenuComponent extends CoreUserProfileFieldBaseComponent {