From 83e7b2d3e2fc3d8f46c8f567af8125738ec5ef8b Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 14 Aug 2024 10:16:01 +0100
Subject: [PATCH] Move side panel into correct DOM position

---
 .../client/src/components/app/Layout.svelte   | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/packages/client/src/components/app/Layout.svelte b/packages/client/src/components/app/Layout.svelte
index a1ce77df72..76634d2df3 100644
--- a/packages/client/src/components/app/Layout.svelte
+++ b/packages/client/src/components/app/Layout.svelte
@@ -322,20 +322,22 @@
         <slot />
       </div>
     </div>
-  </div>
-  <div
-    id="side-panel-container"
-    class:open={$sidePanelStore.open}
-    use:clickOutside={autoCloseSidePanel ? sidePanelStore.actions.close : null}
-    class:builder={$builderStore.inBuilder}
-  >
-    <div class="side-panel-header">
-      <Icon
-        color="var(--spectrum-global-color-gray-600)"
-        name="RailRightClose"
-        hoverable
-        on:click={sidePanelStore.actions.close}
-      />
+    <div
+      id="side-panel-container"
+      class:open={$sidePanelStore.open}
+      use:clickOutside={autoCloseSidePanel
+        ? sidePanelStore.actions.close
+        : null}
+      class:builder={$builderStore.inBuilder}
+    >
+      <div class="side-panel-header">
+        <Icon
+          color="var(--spectrum-global-color-gray-600)"
+          name="RailRightClose"
+          hoverable
+          on:click={sidePanelStore.actions.close}
+        />
+      </div>
     </div>
   </div>
 </div>