From b5609ae293eef53e1ecfde3f543a806b73b678d0 Mon Sep 17 00:00:00 2001
From: Ian Jones <hello@ianjo.uk>
Date: Thu, 17 Oct 2024 11:10:11 +0100
Subject: [PATCH] fix: Clone display inheritance

---
 .../pages/FlowEditor/components/Flow/components/Filter.tsx  | 2 +-
 editor.planx.uk/src/pages/FlowEditor/floweditor.scss        | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Filter.tsx b/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Filter.tsx
index 9103188b5f..21ce13e1f2 100644
--- a/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Filter.tsx
+++ b/editor.planx.uk/src/pages/FlowEditor/components/Flow/components/Filter.tsx
@@ -53,7 +53,7 @@ const Filter: React.FC<Props> = React.memo((props) => {
     <>
       <Hanger hidden={isDragging} before={props.id} parent={parent} />
       <li
-        className={classNames("card", "decision", {
+        className={classNames("card", "decision", "type-Filter", {
           isDragging,
           isClone: isClone(props.id),
           isNote: childNodes.length === 0,
diff --git a/editor.planx.uk/src/pages/FlowEditor/floweditor.scss b/editor.planx.uk/src/pages/FlowEditor/floweditor.scss
index 429c293660..27e66389d6 100644
--- a/editor.planx.uk/src/pages/FlowEditor/floweditor.scss
+++ b/editor.planx.uk/src/pages/FlowEditor/floweditor.scss
@@ -119,8 +119,10 @@ $fontMonospace: "Source Code Pro", monospace;
     outline-offset: 0;
   }
 
-  &.isClone a {
+  &.isClone > div,
+  &.isClone > a {
     margin-top: 3px;
+    position: relative;
     ::before {
       content: "";
       position: absolute;
@@ -139,7 +141,7 @@ $fontMonospace: "Source Code Pro", monospace;
   }
 
   // Allow nodes to expand to width of data when toggled
-  &:not(.type-Section):not(.portal) > a {
+  &:not(.type-Section):not(.portal):not(.type-Filter) > a {
     width: 100%;
   }