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

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 {

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;
         }
     }
 

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} {