From 13b6bf37fffb7d683f115b058660f4d4536c1e70 Mon Sep 17 00:00:00 2001
From: Diogo Bastos <50139916+DiogoABastos@users.noreply.github.com>
Date: Tue, 12 Sep 2023 15:05:05 +0100
Subject: [PATCH] [AAE-16202] Fix long label overlap on radio button (#8906)

* [AAE-16202] Fix long label overlap on radio button

* [AAE-16202] Add margin top

* Align styles with expected behaviour

* [AAE-16202] fix lint error
---
 .../widgets/radio-buttons/radio-buttons-cloud.widget.scss   | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

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 f8da8a9522..bb431d8e5c 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
@@ -8,13 +8,15 @@
     &-radio-button-container-horizontal {
         margin-bottom: 15px;
         display: flex;
-        flex-direction: row;
+        flex-flow: row wrap;
         align-items: flex-start;
+        justify-content: flex-start;
 
         .adf-label {
             width: auto;
             height: auto;
             white-space: normal;
+            margin-right: 25%;
         }
     }
 
@@ -27,7 +29,7 @@
 
     &-radio-group-horizontal {
         margin-top: 0;
-        margin-left: 25%;
+        margin-left: 0;
         display: table-column-group;
     }