more UI updates

src/components/chart/ChartOrder.vue

@@ -9,7 +9,9 @@
                     :label="order.amountIsTokenA ? 'Amount':('Value in '+co.selectedSymbol.quote.s)"
       >
         <template v-slot:prepend>
-          <v-btn :text="(order.buy ? 'Buy ' : 'Sell ') + co.selectedSymbol.base.s" variant="tonal" :color="color" @click="order.buy=!order.buy"/>
+          <v-btn variant="tonal" :color="color" class="ml-3"
+              :text="(order.buy ? 'Buy ' : 'Sell ') + co.selectedSymbol.base.s"
+              @click="order.buy=!order.buy"/>
         </template>
         <template v-slot:append-inner>
           <v-btn :text="order.amountIsTokenA?co.selectedSymbol.base.s:co.selectedSymbol.quote.s+' worth'"
@@ -29,14 +31,15 @@
         mdi-vector-polyline
         -->
       </div>
-      <div class="d-flex justify-start">
-        <v-btn variant="tonal" :color="color" class="ma-6">Place Order</v-btn>
-        <v-btn variant="text" class="ma-6">Cancel</v-btn>
-      </div>
     </div>
   </row-bar>
 </template>
 
+<script>
+import {newBuilder} from "@/orderbuild.js";
+const defaultMarketBuilder = newBuilder('MarketBuilder')
+</script>
+
 <script setup>
 
 import BuilderFactory from "@/components/chart/BuilderFactory.vue";
@@ -59,7 +62,7 @@ function build(order, component, options={}) {
 
 function builders(order) {
   let result = order.builders
-  return result.length > 0 ? result : [newBuilder('MarketBuilder')]
+  return result.length > 0 ? result : [defaultMarketBuilder]
 }
 
 const theme = useTheme().current