From 80b8a73d0e9e722786ad042cfb1260302928bf6f Mon Sep 17 00:00:00 2001
From: Tako <me@example.com>
Date: Mon, 29 May 2023 17:51:54 +0000
Subject: [PATCH] improved card header styling

---
 src/components/ftbot/PairlistConfigItem.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/ftbot/PairlistConfigItem.vue b/src/components/ftbot/PairlistConfigItem.vue
index 0fcf23f3..5678b9ab 100644
--- a/src/components/ftbot/PairlistConfigItem.vue
+++ b/src/components/ftbot/PairlistConfigItem.vue
@@ -4,9 +4,14 @@
       <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>
+          <div
+            role="button"
+            class="d-flex flex-grow-1 align-items-start flex-column"
+            @click="visible = !visible"
+          >
+            <span class="fw-bold fd-italic">{{ pairlist.name }}</span>
+            <span class="fw-lighter">{{ pairlist.description }}</span>
+          </div>
         </div>
         <b-button size="sm" @click="emit('remove', index)">
           <i-mdi-close />