From 0706c9f6de99421b886b52618d8f79f9f3d6471f Mon Sep 17 00:00:00 2001 From: Soumyajit Chakraborty <51930458+Isoumyajit@users.noreply.github.com> Date: Fri, 25 Jul 2025 15:54:09 +0530 Subject: [PATCH] AAE-36388 Form Field alignment issues for one liner forms (#11054) * AAE-36388 fixing form-field alignments on preview * AAE-36388 adding padding for radio-buttons inside adf-sections --- .../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..e0e62e52fc 100644 --- a/lib/core/src/lib/form/components/form-renderer.component.scss +++ b/lib/core/src/lib/form/components/form-renderer.component.scss @@ -66,19 +66,22 @@ display: flex; margin-right: -1%; width: 100%; + gap: 8px; &-item { width: 100%; box-sizing: border-box; } + + .adf-radio-buttons-widget { + 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} {