Improve wrap behavior of candleChartContainer

freqtrade · Aug 5, 2023 · d4246ba · d4246ba
1 parent 644d889
commit d4246ba
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/src/components/charts/CandleChartContainer.vue b/src/components/charts/CandleChartContainer.vue
@@ -18,22 +18,24 @@
           <b-button class="ms-2" :disabled="!!!pair" size="sm" @click="refresh">
             <i-mdi-refresh />
           </b-button>
-          <small v-if="dataset" class="ms-2 text-nowrap" title="Long entry signals"
-            >Long signals: {{ dataset.enter_long_signals || dataset.buy_signals }}</small
-          >
-          <small v-if="dataset" class="ms-2 text-nowrap" title="Long exit signals"
-            >Long exit: {{ dataset.exit_long_signals || dataset.sell_signals }}</small
-          >
-          <small v-if="dataset && dataset.enter_short_signals" class="ms-2 text-nowrap"
-            >Short entries: {{ dataset.enter_short_signals }}</small
-          >
-          <small v-if="dataset && dataset.exit_short_signals" class="ms-2 text-nowrap"
-            >Short exits: {{ dataset.exit_short_signals }}</small
-          >
+          <div class="d-flex flex-row flex-wrap">
+            <small v-if="dataset" class="ms-2 text-nowrap" title="Long entry signals"
+              >Long signals: {{ dataset.enter_long_signals || dataset.buy_signals }}</small
+            >
+            <small v-if="dataset" class="ms-2 text-nowrap" title="Long exit signals"
+              >Long exit: {{ dataset.exit_long_signals || dataset.sell_signals }}</small
+            >
+            <small v-if="dataset && dataset.enter_short_signals" class="ms-2 text-nowrap"
+              >Short entries: {{ dataset.enter_short_signals }}</small
+            >
+            <small v-if="dataset && dataset.exit_short_signals" class="ms-2 text-nowrap"
+              >Short exits: {{ dataset.exit_short_signals }}</small
+            >
+          </div>
         </div>
         <div class="ms-auto d-flex align-items-center w-auto">
           <b-form-checkbox v-model="settingsStore.useHeikinAshiCandles"
-            >Heikin Ashi</b-form-checkbox
+            ><span class="text-nowrap">Heikin Ashi</span></b-form-checkbox
           >
 
           <div class="ms-2">