From fb4b58a4968846e899f4e5aa33c75109302e4b4f Mon Sep 17 00:00:00 2001
From: Nicoleta Panaghiu <nicoleta.panaghiu.ext@knecon.com>
Date: Tue, 30 Jul 2024 14:14:13 +0300
Subject: [PATCH] RED-9433: added auto line-break for checkbox label overflow.

---
 src/assets/styles/common-checkbox.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/assets/styles/common-checkbox.scss b/src/assets/styles/common-checkbox.scss
index cee4a1e..96cadac 100644
--- a/src/assets/styles/common-checkbox.scss
+++ b/src/assets/styles/common-checkbox.scss
@@ -5,6 +5,7 @@ $ripple-size: 26px;
     flex: 0 0 $checkbox-size;
     width: $checkbox-size;
     height: $checkbox-size;
+    margin-top: 4px;
 }
 
 .mat-mdc-checkbox,
@@ -24,10 +25,14 @@ $ripple-size: 26px;
     --mdc-checkbox-selected-hover-state-layer-color: var(--iqser-primary);
     --mdc-checkbox-selected-pressed-state-layer-color: var(--iqser-primary);
 
-    .mdc-form-field > label {
-        padding-left: 8px;
-        line-height: 24px;
-        white-space: nowrap;
+    .mdc-form-field {
+        align-items: start;
+
+        & > label {
+            padding-left: 8px;
+            line-height: 24px;
+            white-space: normal;
+        }
     }
 
     .mdc-checkbox__ripple {