From eaf0043da660dfb168a7d4f2312d4344598c2f86 Mon Sep 17 00:00:00 2001
From: "Haytham A. Salama" <haythamasalama@gmail.com>
Date: Mon, 3 Jul 2023 18:20:08 +0300
Subject: [PATCH] fix(Accordion): solve the shift between buttons when they are
 opened (#379)

Co-authored-by: Benjamin Canac <canacb1@gmail.com>
---
 src/runtime/app.config.ts                     | 5 +++--
 src/runtime/components/elements/Accordion.vue | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/runtime/app.config.ts b/src/runtime/app.config.ts
index 8e2b768331..c35401c04c 100644
--- a/src/runtime/app.config.ts
+++ b/src/runtime/app.config.ts
@@ -259,12 +259,12 @@ const dropdown = {
 }
 
 const accordion = {
-  wrapper: 'w-full flex flex-col gap-y-2',
+  wrapper: 'w-full flex flex-col',
   item: {
     base: '',
     size: 'text-sm',
     color: 'text-gray-500 dark:text-gray-400',
-    padding: 'py-2'
+    padding: 'pt-1.5 pb-3'
   },
   transition: {
     enterActiveClass: 'overflow-hidden transition-[height] duration-200 ease-out',
@@ -273,6 +273,7 @@ const accordion = {
   default: {
     openIcon: 'i-heroicons-chevron-down-20-solid',
     closeIcon: '',
+    class: 'mb-1.5 w-full',
     variant: 'soft'
   }
 }
diff --git a/src/runtime/components/elements/Accordion.vue b/src/runtime/components/elements/Accordion.vue
index 6e4df4e743..46129b20fb 100644
--- a/src/runtime/components/elements/Accordion.vue
+++ b/src/runtime/components/elements/Accordion.vue
@@ -3,7 +3,7 @@
     <HDisclosure v-for="(item, index) in items" v-slot="{ open, close }" :key="index" :default-open="defaultOpen || item.defaultOpen">
       <HDisclosureButton :ref="() => buttonRefs[index] = close" as="template" :disabled="item.disabled">
         <slot :item="item" :index="index" :open="open" :close="close">
-          <UButton v-bind="{ ...omit(ui.default, ['openIcon', 'closeIcon']), ...$attrs, ...omit(item, ['slot', 'disabled', 'content', 'defaultOpen']) }" class="w-full">
+          <UButton v-bind="{ ...omit(ui.default, ['openIcon', 'closeIcon']), ...$attrs, ...omit(item, ['slot', 'disabled', 'content', 'defaultOpen']) }">
             <template #trailing>
               <UIcon
                 :name="!open ? openIcon : closeIcon ? closeIcon : openIcon"