127705: Reduce margins on input fields

Author: Joran De Braekeleer

src/app/shared/form/builder/ds-dynamic-form-ui/ds-dynamic-form-control-container.component.scss

@@ -40,5 +40,9 @@
 .col-form-label {
   padding-top: 0;
   padding-bottom: 0;
-  margin-bottom: 0.5rem;
+  margin-bottom: 0.25rem;
+}
+
+label {
+  margin-bottom: 0.25rem;
 }

src/app/shared/form/builder/ds-dynamic-form-ui/models/list/dynamic-list.component.html

@@ -7,7 +7,7 @@
       [formGroupName]="model.id"
       [ngClass]="model.layout.element?.control">
       @for (columnItems of items; track columnItems) {
-        <div class="col-sm ms-3">
+        <div class="col-sm">
           @for (item of columnItems; track item) {
             <div  class="custom-control custom-checkbox">
               <input type="checkbox" class="custom-control-input"
@@ -43,7 +43,7 @@
       [ngClass]="model.layout.element?.control"
       (change)="onChange($event)">
       @for (columnItems of items; track columnItems) {
-        <div class="col-sm ms-3">
+        <div class="col-sm">
           @for (item of columnItems; track item) {
             <div  class="custom-control custom-radio">
               <input type="radio" class="custom-control-input"