Fix confirm dialogue inside table cell and standardise styles

packages/builder/src/components/common/ConfirmDialog.svelte

@@ -34,7 +34,9 @@
 <Modal id={title} bind:this={theModal}>
   <h2>{title}</h2>
   <Spacer extraLarge />
-  <slot class="rows">{body}</slot>
+  <div class="content">
+    <slot class="rows">{body}</slot>
+  </div>
   <Spacer extraLarge />
   <div class="modal-footer">
     <Button red wide on:click={ok}>{okText}</Button>
@@ -54,4 +56,9 @@
     display: grid;
     grid-gap: var(--spacing-s);
   }
+
+  .content {
+    white-space: normal;
+    font-size: var(--font-size-s);
+  }
 </style>

packages/builder/src/components/common/DatePicker.svelte

@@ -11,6 +11,4 @@
   }
 </script>
 
-<div class="bb-margin-m">
-  <DatePicker placeholder={label} on:change={onChange} {value} />
-</div>
+<DatePicker placeholder={label} on:change={onChange} {value} />

packages/builder/src/components/common/NumberBox.svelte

@@ -26,7 +26,6 @@
   .numberbox {
     display: grid;
     align-items: center;
-    margin-bottom: 16px;
   }
 
   label {

packages/builder/src/components/common/ValuesList.svelte

@@ -17,14 +17,11 @@
 
 <div class="margin">
   <label class="label">{label}</label>
-
   <textarea value={valuesText} on:change={inputChanged} />
-
 </div>
 
 <style>
   .margin {
-    margin-bottom: 16px;
     display: grid;
   }
   .label {