more UI updates

src/components/chart/MarketBuilder.vue

@@ -1,5 +1,5 @@
 <template>
-    <v-sheet dense class="d-flex align-content-stretch" style="overflow-y: hidden; background-color: inherit !important;">
+    <row-bar :color="builder.color">
       <div class="bg-grey-lighten-1" style="width:1em">&nbsp;</div>
       <div style="min-width: 3em; font-size: larger" class="align-self-start ma-3">Market Order</div>
       <div>
@@ -12,7 +12,7 @@
           <template v-slot:append-inner>%</template>
         </v-text-field>
       </div>
-    </v-sheet>
+    </row-bar>
 </template>
 
 <script setup>
@@ -20,6 +20,7 @@ import {useChartOrderStore} from "@/orderbuild.js";
 import {builderDefaults} from "@/misc.js";
 import {useOrderStore} from "@/store/store.js";
 import {computed} from "vue";
+import RowBar from "@/components/chart/RowBar.vue";
 
 const co = useChartOrderStore()
 const props = defineProps(['order', 'builder'])