Label should not be part of TimeframeSelect

src/components/ftbot/TimeframeSelect.vue

@@ -1,10 +1,4 @@
 <template>
-  <b-form-group
-    label-cols-sm="5"
-    label="Timeframe:"
-    label-align-sm="right"
-    label-for="timeframe-select"
-  >
   <b-form-select
     id="timeframe-select"
     v-model="selectedTimeframe"
@@ -12,7 +6,6 @@
     :options="availableTimeframes"
     @change="emitSelectedTimeframe"
   ></b-form-select>
-  </b-form-group>
 </template>
 
 <script lang="ts">

src/views/Backtesting.vue

@@ -80,8 +80,15 @@
             label-size="sm"
             label-class="font-weight-bold pt-0"
             class="mb-0"
+          >
+            <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,8 +7,11 @@
     <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>
+      <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">
       <CandleChartContainer