ui fixes

src/components/retailer/address/GuestShippingAddressForm.vue

@@ -266,7 +266,7 @@
 //import { mapState } from "vuex";
 import { createHelpers } from "vuex-map-fields";
 import { fetchStates } from "@/services/util.service";
-import { VueTelInput } from "vue3-tel-input";
+// import { VueTelInput } from "vue3-tel-input";
 
 const { mapFields: mapFieldsGuest } = createHelpers({
   getterType: "guestInfo/getField",
@@ -316,7 +316,7 @@ export default {
       (v) => (v && v.length >= 8) || "Password must be at least 8 characters",
     ],
   }),
-  components: { VueTelInput },
+  components: {  },
   computed: {
     ...mapFieldsGuest([
       "one",

src/components/retailer/layout/Layout.vue

@@ -135,7 +135,7 @@ export default {
   padding: 0 0 0 250px;
 }
 .sidebar-router-padding-close {
-  margin:0 16px 16px 16px;  
+  margin:0 16px 0 16px;  
 }
 
 </style>

src/components/retailer/layout/footer/FooterComponent.scss

@@ -2,6 +2,7 @@
 background-color: #fbfbf5 !important;
 border-top: 4px solid #91abc3;
 border-bottom: 4px solid #91abc3;
+margin-top: 220px !important;
 }
 .text-decoration-none:hover{
     color: #2850da;

src/components/retailer/layout/footer/FooterComponent.vue

@@ -3,7 +3,7 @@
     <v-footer padless >
       <v-row>
         <v-col
-          class="footer-background-color "
+          class="footer-background-color"
           cols="12"
           md="12"
           sm="12"
@@ -12,7 +12,7 @@
           
         >
           <v-container class="text-center">
-            <div class="pt-2" v-html="customerService"></div>
+            <div class="pt-2 " v-html="customerService"></div>
             <div class="pt-2" v-html="stayInTouch"></div>
             <div class="pt-2" v-html="copyrightString"></div>
           </v-container>

src/routes/retailer/boxed_order_history.scss

@@ -1,4 +1,7 @@
 .width-250px {
     width: 100% !important;
   }
-  
+  .myDash{
+    margin-bottom: auto !important;
+    margin-top: 20px;
+  }

src/routes/retailer/boxed_order_history.vue

@@ -59,8 +59,8 @@
           >
           </v-text-field>
         </v-col>
-
+        <div class="d-block d-md-none">-</div>
-        <div class="pt-7">-</div>
+        <div class="d-none d-md-block myDash">-</div>
 
         <v-col cols="12" sm="12" md="6" lg="5">
 

src/routes/retailer/cart_products.scss

@@ -5,3 +5,7 @@
     background-color: #2850da;
     height: 1px;
 }
+.alert-box-outline{
+    background-color: rgb(248, 220, 220);
+    color: red;
+}

src/routes/retailer/cart_products.vue

@@ -3,7 +3,7 @@
     <v-overlay v-model="cartProductsProgress" :opacity="0.2"  contained class="align-center justify-center">
       <v-container>
         <v-row>
-          <v-col cols="12"  >
+          <v-col cols="12">
             <v-progress-circular
               indeterminate
               size="80"
@@ -21,13 +21,12 @@
         <v-col cols="12" sm="12" md="12">
           <v-col cols="12" sm="12" md="8">
            
-            <v-menu location="bottom"   attach   >
+            <v-menu location="bottom" attach>
               <template v-slot:activator="{ props}">
                 <v-text-field
                   prepend-inner-icon="mdi-magnify"
                   placeholder="Enter Item, Name, Keyword"
                   v-model="searchData"                  
-                  
                   @input="searchProducts"
                   hide-details
                   variant="underlined"
@@ -36,10 +35,10 @@
                 >
                 </v-text-field>
               </template>
-                <v-card tile flat v-if="searchData"  >
+                <v-card tile flat v-if="searchData">
-                  <RetailerSearchProducts @actionClose="showSnackBarMessage" />
+                  <RetailerSearchProducts @actionClose="showSnackBarMessage"/>
                 </v-card>
-                 <v-card  v-else >
+                 <v-card  v-else>
                    <div class="fontcolor-bordeaux pa-1">Please type  Item, Name, or Keyword to search</div>
                 </v-card>
               
@@ -49,7 +48,7 @@
       </v-row>
       <v-row v-show="cartProductsItem.length == 0">
         <v-col>
-          <v-alert class="alert-box-outline" type="error" text dense
+          <v-alert class="alert-box-outline" icon="mdi-alert" text density="compact"
             >You have no items in your shopping cart.</v-alert
           >
           

src/routes/retailer/checkout_page.vue

@@ -1202,7 +1202,7 @@ import GuestShippingAddressForm from "@/components/retailer/address/GuestShippin
 import BillingAddressComponent from "@/components/retailer/address/BillingAddressComponent.vue";
 import VerifyAddressComponent from "@/components/retailer/address/VerifyAddressComponent.vue";
 import { createHelpers } from "vuex-map-fields";
-import { VueTelInput } from 'vue3-tel-input'
+// import { VueTelInput } from 'vue3-tel-input'
 import {
  // googleAanalyticsPurchase,
  // googleAanalyticsCheckout,
@@ -1292,7 +1292,7 @@ export default {
     VerifyAddressComponent,
     GuestShippingAddressForm,    
     SnackbarComponent,
-    VueTelInput
+    // VueTelInput
   },
   metaInfo() {
     return {