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/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="pt-7">-</div>
+        <div class="d-block d-md-none">-</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

@@ -27,7 +27,6 @@
                   prepend-inner-icon="mdi-magnify"
                   placeholder="Enter Item, Name, Keyword"
                   v-model="searchData"                  
-                  
                   @input="searchProducts"
                   hide-details
                   variant="underlined"
@@ -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 {