From ac35b2550f4bc4dade39e378af1e7d9e53c6c3fb Mon Sep 17 00:00:00 2001
From: rakesh <inaniyar7@gmail.com>
Date: Thu, 9 Jun 2022 13:47:07 +0530
Subject: [PATCH] fixes

---
 .../RetailerSearchProducts.vue                | 49 ++++++++++---------
 1 file changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/components/retailer/retailer-search/RetailerSearchProducts.vue b/src/components/retailer/retailer-search/RetailerSearchProducts.vue
index 8c84f87..5f86284 100644
--- a/src/components/retailer/retailer-search/RetailerSearchProducts.vue
+++ b/src/components/retailer/retailer-search/RetailerSearchProducts.vue
@@ -32,43 +32,46 @@
                 :alt="product.n"
                 :title="product.n"
               ></v-img>
-              <v-row >
-                <v-col cols="12"  >
+              <v-row no-gutters  >
+                <v-col cols="12"  class="mt-1">
                   <h1
-                    class="float-left fontsize-14 body ls-n009 fontcolor-black-darken font-weight-300 word-break"
+                    class="float-left fontsize-12 body ls-n009 fontcolor-black-darken font-weight-300 word-break"
                   >{{ product.n }}
                 </h1>
                 </v-col>
-                <v-col cols="6 " class="py-0">
-                   <div> SKU {{product.sku}}</div>
+                <v-col cols="5" class="py-0">
+                  <h1
+                    class="float-left fontsize-12 body ls-n009 fontcolor-black-darken font-weight-300 word-break"
+                  >
+                   SKU {{product.sku}}</h1>
                 </v-col>
-                <v-col cols="6" class="py-0">
+                <v-col cols="7" class="py-0">
                   <p
                     v-if="product.lp"
-                    class="float-right fontsize-14 body ls-n009 fontcolor-black-darken font-weight-300"
+                    class="float-right fontsize-12 body ls-n009 fontcolor-black-darken font-weight-300"
                   >
                     From ${{ product.lp }}
                     {{ product.u }}
                   </p>
                   <div
                     v-else
-                    class="float-right fontsize-14 body ls-n009 fontcolor-black-darken font-weight-300"
+                    class="float-right fontsize-12 body ls-n009 fontcolor-black-darken font-weight-300"
                   >
-                    <div v-if="product.sp">
-                      <s>${{ product.p.toFixed(2) }}</s> &nbsp;
-                      <p class="red--text mb-0"> ${{ roundUp(product.sp) }}</p>  / {{ product.u }}
-                    </div>
-                    <div v-else-if="product.p != 0">
-                      <p>
-                        ${{ product.p.toFixed(2) }} /  {{ product.u }}
-                      </p>
-                    </div>
-                    <div v-else>
+                    <span v-if="product.sp">
+                      <s>${{priceFormatter(product.p)}}</s> &nbsp;
+                      <span class="red--text mb-0"> ${{ roundUp(product.sp) }}</span>  / {{ product.u }}
+                    </span>
+                    <span v-else-if="product.p != 0">
+                      <span>
+                        ${{priceFormatter(product.p ) }} /  {{ product.u }}
+                      </span>
+                    </span>
+                    <span v-else>
                       <p>TBD</p>
-                    </div>
+                    </span>
                   </div>
                 </v-col>
-                <v-col cols="12" class="float-right" >
+                <v-col cols="12" class="float-right mt-2" >
                 <v-hover v-slot:default="{ hover }">
               <v-btn
                 :disabled="inProgress"
@@ -125,7 +128,8 @@
 /* eslint-disable no-alert, no-console ,  no-debugger */
 //import * as easings from "vuetify/es5/services/goto/easing-patterns";
 import { mapState } from "vuex";
- 
+ import { priceFormatter } from "@/services/util.service";
+
 export default {
   name: "RetailerSearchProducts",
   components: {
@@ -165,7 +169,8 @@ export default {
   },
   watch: {
   },
-  data: () => ({  
+  data: () => ({
+      priceFormatter: priceFormatter,
     menu: false, 
     showDrawarFilter: false,
     noProducts: "No products found.",