From fa7ea5e7977f77e8f092b57e9f7ce74b08399be4 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Wed, 31 May 2023 20:33:43 +0200
Subject: [PATCH] Don't prevent animation

---
 src/components/ftbot/PairlistConfigItem.vue | 28 ++++++++-------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index 5678b9ab..78afc5e6 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -18,14 +18,16 @@
         </b-button>
       </div>
     </template>
-    <b-card-body :class="{ hidden: !visible }">
+    <b-card-body class="p-0">
       <b-collapse v-model="visible">
-        <PairlistConfigParameter
-          v-for="(parameter, key) in pairlist.params"
-          :key="key"
-          v-model="pairlist.params[key].value"
-          :param="parameter"
-        />
+        <div class="p-3">
+          <PairlistConfigParameter
+            v-for="(parameter, key) in pairlist.params"
+            :key="key"
+            v-model="pairlist.params[key].value"
+            :param="parameter"
+          />
+        </div>
       </b-collapse>
     </b-card-body>
   </b-card>
@@ -47,14 +49,4 @@ const visible = ref(false);
 const pairlist = defineModel<Pairlist>({ required: true });
 </script>
 
-<style lang="scss" scoped>
-.hidden {
-  padding: 0;
-}
-
-:deep(.collapsing) {
-  -webkit-transition: none;
-  transition: none;
-  display: none;
-}
-</style>
+<style lang="scss" scoped></style>