From 483710c279502b35a029b38ae201adb63149b9be Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 4 Sep 2021 17:06:35 +0200
Subject: [PATCH] Improve profitpill layout

---
 src/components/ftbot/BotComarisonList.vue | 1 -
 src/components/general/ProfitPill.vue     | 9 ++++-----
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/ftbot/BotComarisonList.vue b/src/components/ftbot/BotComarisonList.vue
index 87cfd157..de8c7f38 100644
--- a/src/components/ftbot/BotComarisonList.vue
+++ b/src/components/ftbot/BotComarisonList.vue
@@ -3,7 +3,6 @@
     ref="tradesTable"
     small
     hover
-    stacked="md"
     show-empty
     primary-key="botId"
     :items="tableItems"
diff --git a/src/components/general/ProfitPill.vue b/src/components/general/ProfitPill.vue
index cff0c30b..6d7860d6 100644
--- a/src/components/general/ProfitPill.vue
+++ b/src/components/general/ProfitPill.vue
@@ -1,14 +1,13 @@
 <template>
   <div
-    class="profit-pill px-2"
+    class="d-flex justify-content-center align-items-center profit-pill px-1"
     :class="isProfitable ? 'profit-pill-profit' : ''"
     :title="profitDesc"
   >
     {{ formatPercent(profitRatio, 2) }}
-    <small :title="stakeCurrency">
-      {{ profitRatio ? '(' : '' }}
-      {{ `${formatPrice(profitAbs, 3)} ${stakeCurrency}` }}
-      {{ profitRatio ? ')' : '' }}
+    <small class="ml-1" :title="stakeCurrency">
+      {{ profitRatio ? '(' : '' }}{{ `${formatPrice(profitAbs, 3)}`
+      }}{{ profitRatio ? ')' : ` ${stakeCurrency}` }}
     </small>
   </div>
 </template>