[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
This commit is contained in:
Diogo Bastos
2023-09-12 15:05:05 +01:00
committed by GitHub
parent 8080a0699f
commit 13b6bf37ff

View File

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