From 78ba18a680f9cce4c895279282ecf60fc581f382 Mon Sep 17 00:00:00 2001
From: rdavis <ricky.c.davis.9@gmail.com>
Date: Thu, 4 Jul 2024 14:55:48 +0000
Subject: [PATCH] refactor: Update Collapsible component to include dynamic
 margin for open state

---
 src/lib/components/common/Collapsible.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/common/Collapsible.svelte b/src/lib/components/common/Collapsible.svelte
index 0a140d9dd..14e5785a4 100644
--- a/src/lib/components/common/Collapsible.svelte
+++ b/src/lib/components/common/Collapsible.svelte
@@ -20,7 +20,7 @@
 	<button on:click={() => (open = !open)}>
 		<slot name="head" />
 	</button>
-	<div bind:this={contentElement} class="collapsible-content" style="max-height: {maxHeight};">
+	<div bind:this={contentElement} class={`collapsible-content ${open ? 'mt-1' : '!mt-0'}`} style="max-height: {maxHeight};">
 		<slot name="content" />
 	</div>
 </div>
@@ -28,7 +28,7 @@
 <style>
 	.collapsible-content {
 		overflow: hidden;
-		transition: max-height 0.3s ease-out;
+		transition: all 0.3s ease-out;
 		max-height: 0;
 	}
 </style>