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

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;

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"

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)',

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;
         }
     }