From 22e3c1a976d65fd404f1f80b06706145d8711d66 Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Mon, 30 Aug 2021 19:57:42 +0200
Subject: [PATCH] Move controls into multipane

---
 src/components/ftbot/BotControls.vue | 106 +++++++++++++--------------
 src/views/Trading.vue                |   7 +-
 2 files changed, 56 insertions(+), 57 deletions(-)

diff --git a/src/components/ftbot/BotControls.vue b/src/components/ftbot/BotControls.vue
index 690016ae..31ce6057 100644
--- a/src/components/ftbot/BotControls.vue
+++ b/src/components/ftbot/BotControls.vue
@@ -1,58 +1,56 @@
 <template>
-  <div class="container-fluid">
-    <div class="row">
-      <button
-        class="btn btn-secondary btn-sm ml-1"
-        :disabled="!isTrading || isRunning"
-        title="Start Trading"
-        @click="startBot()"
-      >
-        <PlayIcon />
-      </button>
-      <button
-        class="btn btn-secondary btn-sm ml-1"
-        :disabled="!isTrading || !isRunning"
-        title="Stop Trading - Also stops handling open trades."
-        @click="handleStopBot()"
-      >
-        <StopIcon />
-      </button>
-      <button
-        class="btn btn-secondary btn-sm ml-1"
-        :disabled="!isTrading || !isRunning"
-        title="StopBuy - Stops buying, but still handles open trades"
-        @click="handleStopBuy()"
-      >
-        <PauseIcon />
-      </button>
-      <button
-        class="btn btn-secondary btn-sm ml-1"
-        :disabled="!isTrading"
-        title="Reload Config - reloads configuration including strategy, resetting all settings changed on the fly."
-        @click="handleReloadConfig()"
-      >
-        <ReloadIcon />
-      </button>
-      <button
-        v-if="botState && botState.forcebuy_enabled"
-        class="btn btn-secondary btn-sm ml-1"
-        :disabled="!isTrading || !isRunning"
-        title="Force Buy - Immediately buy an asset at an optional price. Sells are then handled according to strategy rules."
-        @click="initiateForcebuy"
-      >
-        <ForceBuyIcon />
-      </button>
-      <button
-        v-if="isWebserverMode && false"
-        :disabled="isTrading"
-        class="btn btn-secondary btn-sm ml-1"
-        title="Start Trading mode"
-        @click="startTrade()"
-      >
-        <PlayIcon />
-      </button>
-      <ForceBuyForm :modal-show="forcebuyShow" @close="$bvModal.hide('forcebuy-modal')" />
-    </div>
+  <div>
+    <button
+      class="btn btn-secondary btn-sm ml-1"
+      :disabled="!isTrading || isRunning"
+      title="Start Trading"
+      @click="startBot()"
+    >
+      <PlayIcon />
+    </button>
+    <button
+      class="btn btn-secondary btn-sm ml-1"
+      :disabled="!isTrading || !isRunning"
+      title="Stop Trading - Also stops handling open trades."
+      @click="handleStopBot()"
+    >
+      <StopIcon />
+    </button>
+    <button
+      class="btn btn-secondary btn-sm ml-1"
+      :disabled="!isTrading || !isRunning"
+      title="StopBuy - Stops buying, but still handles open trades"
+      @click="handleStopBuy()"
+    >
+      <PauseIcon />
+    </button>
+    <button
+      class="btn btn-secondary btn-sm ml-1"
+      :disabled="!isTrading"
+      title="Reload Config - reloads configuration including strategy, resetting all settings changed on the fly."
+      @click="handleReloadConfig()"
+    >
+      <ReloadIcon />
+    </button>
+    <button
+      v-if="botState && botState.forcebuy_enabled"
+      class="btn btn-secondary btn-sm ml-1"
+      :disabled="!isTrading || !isRunning"
+      title="Force Buy - Immediately buy an asset at an optional price. Sells are then handled according to strategy rules."
+      @click="initiateForcebuy"
+    >
+      <ForceBuyIcon />
+    </button>
+    <button
+      v-if="isWebserverMode && false"
+      :disabled="isTrading"
+      class="btn btn-secondary btn-sm ml-1"
+      title="Start Trading mode"
+      @click="startTrade()"
+    >
+      <PlayIcon />
+    </button>
+    <ForceBuyForm :modal-show="forcebuyShow" @close="$bvModal.hide('forcebuy-modal')" />
   </div>
 </template>
 
diff --git a/src/views/Trading.vue b/src/views/Trading.vue
index f1994d80..d7b694af 100644
--- a/src/views/Trading.vue
+++ b/src/views/Trading.vue
@@ -30,13 +30,14 @@
       drag-allow-from=".card-header"
     >
       <DraggableContainer header="Multi Pane">
-        <BotControls class="mt-1" />
-
         <b-tabs content-class="mt-3" class="mt-1">
           <b-tab title="Pairs combined" active>
             <PairSummary :pairlist="whitelist" :current-locks="currentLocks" :trades="openTrades" />
           </b-tab>
-          <b-tab title="Status">
+          <b-tab title="General">
+            <div class="d-flex justify-content-center">
+              <BotControls class="mt-1 mb-2" />
+            </div>
             <BotStatus />
           </b-tab>
           <b-tab title="Performance">