[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
Alfresco · Sep 12, 2023 · 13b6bf3 · 13b6bf3
1 parent 8080a06
commit 13b6bf3
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/...vices-cloud/src/lib/form/components/widgets/radio-buttons/radio-buttons-cloud.widget.scss b/...vices-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;
     }