From e5afea032317d21653e6797a6e31c15a0fc60ab4 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 10 Sep 2020 07:35:24 +0100
Subject: [PATCH] Fix arrow not transitioning out causing jumps when removing
 workflow blocks

---
 .../workflow/WorkflowBuilder/flowchart/Arrow.svelte   | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/builder/src/components/workflow/WorkflowBuilder/flowchart/Arrow.svelte b/packages/builder/src/components/workflow/WorkflowBuilder/flowchart/Arrow.svelte
index f5b855c341..3569a327cb 100644
--- a/packages/builder/src/components/workflow/WorkflowBuilder/flowchart/Arrow.svelte
+++ b/packages/builder/src/components/workflow/WorkflowBuilder/flowchart/Arrow.svelte
@@ -1,4 +1,9 @@
+<script>
+  import { fade } from "svelte/transition"
+</script>
+
 <svg
+  transition:fade
   width="9"
   height="75"
   viewBox="0 0 9 75"
@@ -7,3 +12,9 @@
   <path d="M5.0625 70H9L4.5 75L0 70H3.9375V65H5.0625V70Z" fill="#ADAEC4" />
   <rect x="4" width="1" height="65" fill="#ADAEC4" />
 </svg>
+
+<style>
+  svg {
+    margin: 8px 0;
+  }
+</style>