diff --git a/client/css/optiTrainer.css b/client/css/optiTrainer.css index 0b266be..ff97909 100644 --- a/client/css/optiTrainer.css +++ b/client/css/optiTrainer.css @@ -100,6 +100,7 @@ body { text-align: right; color:crimson; width: 180px; + font-size: 25px; } #frmOrder ul li { @@ -119,10 +120,15 @@ body { font-weight: bolder; color: blue; } -#frmOrder span.openType { +#frmOrder span.openTypebuy { font-weight: bolder; color: blue; } +#frmOrder span.openTypesell { + font-weight: bolder; + color: crimson; +} + #frmOrder span.singlePrice { color: blue; } @@ -164,6 +170,11 @@ body { padding-bottom: 2px; margin-left: 1px; } +.plusMinusContainer{ + position: absolute; + margin-top: -20; + left: 250; +} .priceClick { cursor: copy; diff --git a/client/js/orderFrame.js b/client/js/orderFrame.js index c6d32ed..594232e 100644 --- a/client/js/orderFrame.js +++ b/client/js/orderFrame.js @@ -56,7 +56,10 @@ let createOrderFrame=()=>{ } me.innerHTML=` - [X] ${myMasterFilter.selectedDate}|${myMasterFilter.selectedTime.substr(0,5)}|${openType}@${Math.abs(me.singleCostAmount).toLocaleString('en',{minimumFractionDigits: 0, maximumFractionDigits: 2})}|${me.quantity} [+][-] + [X] ${myMasterFilter.selectedDate}|${myMasterFilter.selectedTime.substr(0,5)}|${openType}@${Math.abs(me.singleCostAmount).toLocaleString('en',{minimumFractionDigits: 0, maximumFractionDigits: 2})}|${me.quantity} +
+ [+][-] +
${optionData.symbol} => ${me.totalCostAmount.toLocaleString('en',{minimumFractionDigits: 0, maximumFractionDigits: 2})}