From 49f1de390ecb3e8db02ce5023243f72573d8df8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 3 Aug 2018 13:24:44 +0200
Subject: [PATCH] MOBILE-2535 ux: White space wrap on radio buttons

---
 src/app/app.scss | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/app/app.scss b/src/app/app.scss
index 4158092ab..cb2849a3b 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -824,13 +824,28 @@ body.keyboard-is-open core-ion-tabs .tabbar {
     display: none;
 }
 
-// Fix links and videos in ion-radio and ion-checkbox.
 .item.item-radio, .item.item-checkbox {
+  // Fix links and videos in ion-radio and ion-checkbox.
   .input-wrapper {
     position: relative;
     z-index: 5;
     pointer-events: none;
   }
+
+  // Show whole text on options.
+  ion-label {
+    white-space: normal;
+  }
+}
+
+.core-no-text-wrap {
+  white-space: nowrap;
+
+  &.item.item-radio, &.item.item-checkbox {
+    ion-label {
+      white-space: nowrap;
+    }
+  }
 }
 
 // Fix iframes in fullscreen mode.