From 50a0faed3484dbe5cd48df4ca3a99dbd7e34c415 Mon Sep 17 00:00:00 2001 From: Soumyajit Chakraborty <51930458+Isoumyajit@users.noreply.github.com> Date: Fri, 25 Jul 2025 15:37:53 +0530 Subject: [PATCH] AAE-36388 form-field oneline alignment issue fix (#11055) AAE-36388 form-field one-line alignment issue --- .../src/lib/form/components/form-renderer.component.scss | 7 +++++-- .../lib/form/components/widgets/amount/amount.widget.scss | 3 +-- .../components/widgets/date-time/date-time.widget.scss | 3 +-- 3 files changed, 7 insertions(+), 6 deletions(-) diff --git a/lib/core/src/lib/form/components/form-renderer.component.scss b/lib/core/src/lib/form/components/form-renderer.component.scss index 4933128c78..af2ffbffe1 100644 --- a/lib/core/src/lib/form/components/form-renderer.component.scss +++ b/lib/core/src/lib/form/components/form-renderer.component.scss @@ -65,20 +65,23 @@ display: flex; margin-right: -1%; + gap: 8px; width: 100%; &-item { width: 100%; box-sizing: border-box; } + + .adf-radio-buttons-widget-cloud { + padding-left: 12px; + } } &-single-column { display: flex; flex-direction: column; flex: 1 1 auto; - padding-left: 5px; - padding-right: 5px; } &-item { diff --git a/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss b/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss index 48bf28e171..63c96cf5ad 100644 --- a/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss +++ b/lib/core/src/lib/form/components/widgets/amount/amount.widget.scss @@ -10,9 +10,8 @@ } &-container { - display: flex; + display: grid; align-items: flex-start; - flex-direction: column; } } diff --git a/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss b/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss index 67284b0088..54c0202234 100644 --- a/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss +++ b/lib/core/src/lib/form/components/widgets/date-time/date-time.widget.scss @@ -4,9 +4,8 @@ .adf { &-date-time-widget { &-container { - display: flex; + display: grid; align-items: flex-start; - flex-direction: column; } #{ms.$mat-form-field-suffix} {