Fixed radio option wrapping bug (#1372)

ushahidi · Feb 18, 2025 · 8a29f4f · 8a29f4f
1 parent adc5b3e
commit 8a29f4f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/apps/mobile-mzima-client/src/app/shared/components/radio/radio.component.html b/apps/mobile-mzima-client/src/app/shared/components/radio/radio.component.html
@@ -30,7 +30,9 @@
       [labelPlacement]="type === 'default' ? 'end' : 'start'"
       [justify]="justify"
     >
-      <ng-content></ng-content>
+      <span class="radio-item-wrap">
+        <ng-content></ng-content>
+      </span>
     </ion-radio>
   </ion-item>
 </ng-template>
diff --git a/apps/mobile-mzima-client/src/app/shared/components/radio/radio.component.scss b/apps/mobile-mzima-client/src/app/shared/components/radio/radio.component.scss
@@ -70,6 +70,10 @@
     //margin: 10px 18px 10px 10px;
   }
 
+  .radio-item-wrap {
+    white-space: normal;
+  }
+
   &::ng-deep {
     .info {
       display: block;