[47777] Work package date picker: wrong spacing (#17106)

fix spacing issues

frontend/src/app/shared/components/datepicker/styles/datepicker.modal.sass

@@ -28,6 +28,8 @@
     grid-template-columns: auto auto 1fr
     grid-column-gap: $spot-spacing-2
     margin: 0 $spot-spacing-1 0
+    .spot-form-field--input:has(spot-switch)
+      margin-bottom: 0px !important
 
   &--dates-container
     display: grid
@@ -52,7 +54,8 @@
     visibility: hidden
 
   &--flatpickr-instance.inline
-    margin: 0.5rem auto !important
+    margin: 0.5rem auto 0  auto !important
+    overflow: hidden
 
   &--stretch-content
     flex-grow: 1

frontend/src/app/shared/components/modal/modal-banner/modal-banner.component.sass

@@ -3,16 +3,16 @@
 .op-modal-banner
   display: grid
   grid-template-columns: 20px auto max-content
-  grid-gap: $spot-spacing-1
+  grid-gap: 1rem
   align-items: center
-  padding: $spot-spacing-0-75
+  padding: 0.75rem 1rem
 
   @media only screen and (max-width: $breakpoint-sm)
     grid-template-columns: auto max-content
 
   &:first-child
-    border-top-left-radius: $spot-spacing-0-25
-    border-top-right-radius: $spot-spacing-0-25
+    border-top-left-radius: 0.25rem
+    border-top-right-radius: 0.25rem
 
   &_warning
     background: var(--bgColor-attention-muted)

frontend/src/app/spot/styles/sass/components/action-bar.sass

@@ -1,7 +1,7 @@
 .spot-action-bar
   display: grid
   grid-template-columns: 1fr
-  padding: 0 $spot-spacing-1
+  padding: 0 1rem
 
   a.button
     text-decoration: none
@@ -21,7 +21,7 @@
       // We need to set the margins on the buttons itself because
       // an empty action bar would take unnecessary space if we put the padding there.
       // see #47994 and #49729
-      margin: $spot-spacing-1 $spot-spacing-1 $spot-spacing-0-75 0
+      margin: 1rem 1rem 1rem 0
 
       &:last-child
         margin-right: 0