From 5a8993284d530ecd4ccc5ac11a16c2b89ba4e9e1 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 29 May 2023 08:51:40 +0200
Subject: [PATCH] Simplify layout

---
 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 802f0e24..b287b1b8 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -1,25 +1,17 @@
 <template>
   <b-card no-body class="mb-2">
     <template #header>
-      <b-row align-v="center" class="text-start">
-        <b-col>
-          <b-row align-v="center">
-            <b-col cols="auto">
-              <i-mdi-reorder-horizontal role="button" class="handle me-2 fs-4" />
-            </b-col>
-            <b-col
-              ><b-button variant="link" @click="visible = !visible">
-                <h6 class="mb-0">{{ pairlist.name }}</h6>
-              </b-button></b-col
-            >
-          </b-row>
-        </b-col>
-        <b-col cols="auto">
-          <b-button size="sm" @click="emit('remove', index)">
-            <i-mdi-close />
+      <div class="d-flex text-start align-items-center">
+        <div class="d-flex flex-grow-1 align-items-center">
+          <i-mdi-reorder-horizontal role="button" class="handle me-2 fs-4" />
+          <b-button variant="link" @click="visible = !visible">
+            <h6 class="mb-0">{{ pairlist.name }}</h6>
           </b-button>
-        </b-col>
-      </b-row>
+        </div>
+        <b-button size="sm" @click="emit('remove', index)">
+          <i-mdi-close />
+        </b-button>
+      </div>
     </template>
     <b-card-body :class="{ hidden: !visible }">
       <b-collapse v-model="visible">