Merge pull request #3607 from alfonso-salces/MOBILE-4291

MOBILE-4291 AddonUserProfile: Add margin-right in checkbox

src/addons/userprofilefield/checkbox/component/checkbox.scss

@@ -1,9 +1,19 @@
+@import "~theme/globals";
+
 :host {
     --text-overflow: initial;
     --white-space: normal;
 
+    .item-heading {
+        white-space: normal;
+    }
+
+    ion-label {
+        @include padding-horizontal(null, .5rem);
+
         .label-text {
             text-overflow: var(--text-overflow);
             white-space: var(--white-space);
         }
+    }
 }

src/addons/userprofilefield/menu/component/menu.scss

@@ -0,0 +1,3 @@
+.item-heading {
+    white-space: normal;
+}

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 {