From 46a89c0e273963ccdb7c1627767805fc5b7982bd Mon Sep 17 00:00:00 2001
From: Matthias <xmatthias@outlook.com>
Date: Sat, 6 May 2023 12:04:57 +0200
Subject: [PATCH] Layout improvements

---
 src/components/charts/PlotConfigurator.vue | 55 +++++++++++++---------
 1 file changed, 32 insertions(+), 23 deletions(-)

diff --git a/src/components/charts/PlotConfigurator.vue b/src/components/charts/PlotConfigurator.vue
index 75ab65d4..2be6b2ce 100644
--- a/src/components/charts/PlotConfigurator.vue
+++ b/src/components/charts/PlotConfigurator.vue
@@ -64,32 +64,41 @@
     />
     <hr />
 
-    <div>
-      <b-button class="ms-1" variant="secondary" size="sm" @click="loadPlotConfig">Load</b-button>
+    <div class="d-flex flex-row">
+      <b-button
+        class="ms-1 col"
+        variant="secondary"
+        size="sm"
+        title="Reset to last saved configuration"
+        @click="loadPlotConfig"
+        >Reset</b-button
+      >
+
+      <!--
+        Does Resetting a config to "nothing" make sense, or can this be done via "delete / create"?
+        <b-button
+        class="ms-1 col"
+        variant="secondary"
+        size="sm"
+        title="Start with empty configuration"
+        @click="clearConfig"
+        >Reset</b-button
+      > -->
       <b-button
         :disabled="
           (botStore.activeBot.isWebserverMode && botStore.activeBot.botApiVersion < 2.23) ||
           !botStore.activeBot.isBotOnline
         "
-        class="ms-1"
+        class="ms-1 col"
         variant="secondary"
         size="sm"
         @click="loadPlotConfigFromStrategy"
       >
         From strategy
       </b-button>
-
-      <b-button
-        class="ms-1"
-        variant="secondary"
-        size="sm"
-        title="Load configuration from text box below"
-        @click="clearConfig"
-        >Reset</b-button
-      >
       <b-button
         id="showButton"
-        class="ms-1"
+        class="ms-1 col"
         variant="secondary"
         size="sm"
         title="Show configuration for easy transfer to a strategy"
@@ -98,16 +107,7 @@
       >
 
       <b-button
-        v-if="showConfig"
-        class="ms-1"
-        variant="secondary"
-        size="sm"
-        title="Load configuration from text box below"
-        @click="loadConfigFromString"
-        >Load from String</b-button
-      >
-      <b-button
-        class="ms-1"
+        class="ms-1 col"
         variant="primary"
         size="sm"
         data-toggle="tooltip"
@@ -116,6 +116,15 @@
         >Save</b-button
       >
     </div>
+    <b-button
+      v-if="showConfig"
+      class="ms-1 mt-1"
+      variant="secondary"
+      size="sm"
+      title="Load configuration from text box below"
+      @click="loadConfigFromString"
+      >Load from String</b-button
+    >
     <div v-if="showConfig" class="col-mb-5 ms-1 mt-2">
       <b-form-textarea
         id="TextArea"