From 919c16a33aa3bfe5c47e6233b70efe9b5230522b Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 25 Dec 2021 13:49:04 +0100
Subject: [PATCH] Improve styling of cstom-trade-entry

---
 src/components/ftbot/CustomTradeListEntry.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ftbot/CustomTradeListEntry.vue b/src/components/ftbot/CustomTradeListEntry.vue
index 355408c3..b1eab526 100644
--- a/src/components/ftbot/CustomTradeListEntry.vue
+++ b/src/components/ftbot/CustomTradeListEntry.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="d-flex">
     <div
-      class="col-8 px-1 d-flex flex-row flex-fill text-left justify-content-between align-items-center"
+      class="col-7 px-1 d-flex flex-row flex-fill text-left justify-content-between align-items-center"
     >
       <span>
-        <span class="mr-2 font-weight-bold">{{ trade.pair }}</span>
+        <span class="mr-1 font-weight-bold">{{ trade.pair }}</span>
         <small class="text-secondary">(#{{ trade.trade_id }})</small>
       </span>
       <!-- <ValuePair description="Amount">{{ trade.amount }}</ValuePair> -->
@@ -24,7 +24,7 @@
         ><DateTimeTZ :date="trade.close_timestamp"
       /></ValuePair>
     </div>
-    <trade-profit class="col-4" :trade="trade" />
+    <trade-profit class="col-5" :trade="trade" />
   </div>
 </template>