From 86b475fe1442afb8e14c0002da1ddcddaac7b4a2 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Fri, 25 Sep 2020 11:30:26 +0100
Subject: [PATCH] Fix confirm dialogue inside table cell and standardise styles

---
 .../builder/src/components/common/ConfirmDialog.svelte   | 9 ++++++++-
 packages/builder/src/components/common/DatePicker.svelte | 4 +---
 packages/builder/src/components/common/NumberBox.svelte  | 1 -
 packages/builder/src/components/common/ValuesList.svelte | 3 ---
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/packages/builder/src/components/common/ConfirmDialog.svelte b/packages/builder/src/components/common/ConfirmDialog.svelte
index 31e2d3ad86..437f657fac 100644
--- a/packages/builder/src/components/common/ConfirmDialog.svelte
+++ b/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>
diff --git a/packages/builder/src/components/common/DatePicker.svelte b/packages/builder/src/components/common/DatePicker.svelte
index ec9d41a17b..7dc03dd1df 100644
--- a/packages/builder/src/components/common/DatePicker.svelte
+++ b/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} />
diff --git a/packages/builder/src/components/common/NumberBox.svelte b/packages/builder/src/components/common/NumberBox.svelte
index 8a38f8a0d2..106b9e67d2 100644
--- a/packages/builder/src/components/common/NumberBox.svelte
+++ b/packages/builder/src/components/common/NumberBox.svelte
@@ -26,7 +26,6 @@
   .numberbox {
     display: grid;
     align-items: center;
-    margin-bottom: 16px;
   }
 
   label {
diff --git a/packages/builder/src/components/common/ValuesList.svelte b/packages/builder/src/components/common/ValuesList.svelte
index 19cd6c533a..33b0ed4700 100644
--- a/packages/builder/src/components/common/ValuesList.svelte
+++ b/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 {