Label should not be part of TimeframeSelect

src/components/ftbot/TimeframeSelect.vue

@@ -1,18 +1,11 @@
 <template>
-  <b-form-group
+  <b-form-select
-    label-cols-sm="5"
+    id="timeframe-select"
-    label="Timeframe:"
+    v-model="selectedTimeframe"
-    label-align-sm="right"
+    placeholder="Use strategy default"
-    label-for="timeframe-select"
+    :options="availableTimeframes"
-  >
+    @change="emitSelectedTimeframe"
-    <b-form-select
+  ></b-form-select>
-      id="timeframe-select"
-      v-model="selectedTimeframe"
-      placeholder="Use strategy default"
-      :options="availableTimeframes"
-      @change="emitSelectedTimeframe"
-    ></b-form-select>
-  </b-form-group>
 </template>
 
 <script lang="ts">

src/views/Backtesting.vue

@@ -81,7 +81,14 @@
             label-class="font-weight-bold pt-0"
             class="mb-0"
           >
-            <TimeframeSelect v-model="selectedTimeframe" />
+            <b-form-group
+              label-cols-sm="5"
+              label="Timeframe:"
+              label-align-sm="right"
+              label-for="timeframe-select"
+            >
+              <TimeframeSelect v-model="selectedTimeframe" />
+            </b-form-group>
 
             <b-form-group
               label-cols-sm="5"

src/views/Graphs.vue

@@ -7,7 +7,10 @@
     <div v-if="historicView" class="mx-3 mt-2 d-flex">
       <TimeRangeSelect v-model="timerange" class="col-md-4 mr-2"></TimeRangeSelect>
       <StrategyList v-model="strategy" class="col-md-3"></StrategyList>
-      <TimeframeSelect v-model="selectedTimeframe" />
+      <div class="col-md-3">
+        <span class="mb-1">Timeframe</span>
+        <TimeframeSelect v-model="selectedTimeframe" />
+      </div>
     </div>
 
     <div class="flex-fill mx-2 mt-1">