diff --git a/packages/trader/src/Modules/Contract/Components/AccumulatorsStats/accumulators-stats.jsx b/packages/trader/src/Modules/Contract/Components/AccumulatorsStats/accumulators-stats.jsx index 1148cdd781ee..1eba42e1f7b6 100644 --- a/packages/trader/src/Modules/Contract/Components/AccumulatorsStats/accumulators-stats.jsx +++ b/packages/trader/src/Modules/Contract/Components/AccumulatorsStats/accumulators-stats.jsx @@ -70,18 +70,18 @@ const AccumulatorsStats = ({ break_out_history, is_expandable = true, stay_in_hi is_manual_open={is_manual_open} toggleManual={() => setIsManualOpen(!is_manual_open)} /> - + {widget_title} - -
- {['IcChevronUpNormal', 'IcChevronDown'].map(icon => ( - - ))} +
+ {['IcChevronUpNormal', 'IcChevronDown'].map(icon => ( + + ))} +
{!is_collapsed ? ( diff --git a/packages/trader/src/Stores/Modules/Trading/trade-store.js b/packages/trader/src/Stores/Modules/Trading/trade-store.js index fb3aacbac296..fda295a2d67c 100644 --- a/packages/trader/src/Stores/Modules/Trading/trade-store.js +++ b/packages/trader/src/Stores/Modules/Trading/trade-store.js @@ -983,12 +983,8 @@ export default class TradeStore extends BaseStore { spot_time, } = this.proposal_info.ACCU; if (this.proposal_info.DECCU) { - this.break_out_history = getUpdatedTicksHistoryStats( - this.break_out_history, - this.proposal_info.DECCU.ticks_history_stats - ); - } else this.break_out_history = getUpdatedTicksHistoryStats(this.break_out_history, dummy_break_out_history); + } this.root_store.contract_trade.current_spot_time = spot_time; this.stay_in_history = getUpdatedTicksHistoryStats(this.stay_in_history, stay_in_history); this.tick_size_barrier = tick_size_barrier; diff --git a/packages/trader/src/sass/app/modules/contract/accumulators-stats.scss b/packages/trader/src/sass/app/modules/contract/accumulators-stats.scss index 6dcac042b718..b222c7f2ddc1 100644 --- a/packages/trader/src/sass/app/modules/contract/accumulators-stats.scss +++ b/packages/trader/src/sass/app/modules/contract/accumulators-stats.scss @@ -12,11 +12,11 @@ margin: 0 2.5em 0 1em; background-color: var(--general-section-1); border-radius: $BORDER_RADIUS * 2; - width: 73.6rem; + width: 75.3rem; @include mobile { position: absolute; - top: -5.4rem; + top: -4.4rem; left: -0.8rem; margin: 0 0.8rem; width: calc(100vw - 1.6rem); @@ -36,26 +36,32 @@ display: flex; align-items: center; width: 100%; - height: 4.8rem; + height: 5.2rem; position: relative; padding: 1.3rem 0.8rem; @include mobile { width: 100%; + height: 4rem; } } &__title { display: flex; + justify-content: space-between; align-items: center; - width: 11.7rem; + width: 11.9rem; @include mobile { width: unset; - min-width: 6.8rem; + min-width: 9.8rem; flex-shrink: 1; } + &-text { + text-align: center; + max-width: 5.5rem; + } .info { - margin-right: 0.4rem; + min-width: 1.6rem; opacity: 0.45; &:hover { @@ -66,17 +72,14 @@ &__switcher { display: flex; flex-direction: column; - margin: 0 0.8rem 0 0.4rem; cursor: pointer; - - @include mobile { - margin: 0 0.4rem; - } } &__history { display: flex; align-items: center; - margin-right: 0.5rem; + padding: 0 2.2rem 0 1.5rem; + justify-content: space-between; + flex-grow: 1; &-counter { width: 3.8rem; @@ -159,10 +162,6 @@ } } } - @include mobile { - justify-content: space-between; - flex-grow: 1; - } } .accordion-toggle-arrow { position: absolute;