From d2b0fab6779bb0c65fea19da446287094409c64e Mon Sep 17 00:00:00 2001
From: Wojciech Duda <69160975+wojd0@users.noreply.github.com>
Date: Fri, 2 Aug 2024 13:51:23 +0200
Subject: [PATCH] AAE-24675 Fix text alignment in dateitem card view element
 (#10024)

* AAE-24675 Fix text alignment in dateitem card view element

* AAE-24675 Break words in checkbox and radio button labels to avoid overflow
---
 .../card-view-dateitem/card-view-dateitem.component.scss   | 1 -
 .../form/components/widgets/checkbox/checkbox.widget.html  | 1 +
 .../form/components/widgets/checkbox/checkbox.widget.ts    | 7 +++++++
 .../widgets/radio-buttons/radio-buttons-cloud.widget.scss  | 5 ++---
 4 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
index dd6aa7bc54..797a1c5e0b 100644
--- a/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
+++ b/lib/core/src/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.scss
@@ -12,7 +12,6 @@
         &.adf-property-value-editable {
             display: flex;
             align-items: center;
-            justify-content: flex-end;
             border-radius: 6px;
             border-bottom: inherit;
             margin-bottom: 18px;
diff --git a/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.html b/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.html
index e914e288ab..825d0d0af7 100644
--- a/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.html
+++ b/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.html
@@ -2,6 +2,7 @@
      [class.adf-invalid]="!field.isValid && isTouched()">
     <mat-checkbox [id]="field.id"
                   color="primary"
+                  class="adf-checkbox"
                   [required]="isRequired()"
                   [disabled]="field.readOnly || readOnly"
                   [(ngModel)]="field.value"
diff --git a/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts b/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts
index 1a78704f02..c61d27cf5a 100644
--- a/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts
+++ b/lib/core/src/lib/form/components/widgets/checkbox/checkbox.widget.ts
@@ -30,6 +30,13 @@ import { WidgetComponent } from '../widget.component';
     selector: 'checkbox-widget',
     standalone: true,
     templateUrl: './checkbox.widget.html',
+    styles: [
+        `
+            .adf-checkbox {
+                word-break: break-word;
+            }
+        `
+    ],
     host: {
         '(click)': 'event($event)',
         '(blur)': 'event($event)',
diff --git a/lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss b/lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss
index 99f853677d..7b5ae54e8c 100644
--- a/lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss
+++ b/lib/process-services-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss
@@ -43,9 +43,8 @@
         margin: 5px;
 
         label {
-            span {
-                white-space: normal;
-            }
+            white-space: normal;
+            word-break: break-word;
         }
     }