Move controls into multipane

src/components/ftbot/BotControls.vue

@@ -1,6 +1,5 @@
 <template>
-  <div class="container-fluid">
-    <div class="row">
+  <div>
     <button
       class="btn btn-secondary btn-sm ml-1"
       :disabled="!isTrading || isRunning"
@@ -53,7 +52,6 @@
     </button>
     <ForceBuyForm :modal-show="forcebuyShow" @close="$bvModal.hide('forcebuy-modal')" />
   </div>
-  </div>
 </template>
 
 <script lang="ts">

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">