diff --git a/app/assets/stylesheets/origami.scss b/app/assets/stylesheets/origami.scss
index 0ec6fc4c..07c7428f 100755
--- a/app/assets/stylesheets/origami.scss
+++ b/app/assets/stylesheets/origami.scss
@@ -314,7 +314,7 @@ tr.discount-item-row:hover {
 	position: relative;
 	left: 42%;
 	top: 30%;
-	background-color: #d9534f;	
+	background-color: #32ad1a;	
 	color: #fff;
 	text-align: center;
     width: 200px;
@@ -405,4 +405,18 @@ i.logout_icon{
 #is_memberModal .btn {
 	width: 80%;
 }
-/* End Is Member Modal */
\ No newline at end of file
+/* End Is Member Modal */
+
+/* Start iframe */
+iframe {
+	border: none;
+	overflow: hidden !important;
+	width: 400px;
+	height: 550px;
+}
+
+#pdfModal .btn {
+	width: 150%;
+	height: 100%;
+}
+/* End iframe */
\ No newline at end of file
diff --git a/app/models/sale.rb b/app/models/sale.rb
index f0b5aeed..5d46aafc 100755
--- a/app/models/sale.rb
+++ b/app/models/sale.rb
@@ -884,7 +884,7 @@ def self.get_menu_item_query(order_by)
                      "(CASE WHEN si.qty IS NOT NULL THEN SUM(si.qty) ELSE 0 END) as total_item," +
                      "(CASE WHEN si.unit_price != mii.price THEN si.unit_price ELSE mii.price END) as unit_price," +
                      "(CASE WHEN si.qty IS NOT NULL THEN (SUM(si.qty) * si.unit_price) ELSE 0 END) as grand_total," +
-                     "mii.price as unit_price, (CASE WHEN si.product_name IS NOT NULL THEN si.product_name ELSE mii.item_instance_name END) as product_name, 
+                     "mii.price as unit_price, (CASE WHEN si.product_name IS NOT NULL THEN si.product_name ELSE CONCAT(menu_items.name,' - ',mii.item_instance_name) END) as product_name, 
                      mc.name as" +
                      " menu_category_name,mc.id as menu_category_id, si.remark as status_type, 
                      si.price as price ")
diff --git a/app/views/crm/customers/_new_form.html.erb b/app/views/crm/customers/_new_form.html.erb
index 3a953e81..5dcb86b0 100755
--- a/app/views/crm/customers/_new_form.html.erb
+++ b/app/views/crm/customers/_new_form.html.erb
@@ -162,6 +162,9 @@
 
 <div id="sxModal">
   <div id="sxModal-Content"><h3><%= t :card_tap %></h3></div>
+  <div class="m-r-20" align="right">
+      <button type="button" class="btn btn-lg btn-link bg-red waves-effect btn_cancel">Cancel</button>
+  </div>
 </div>
 <!-- The modal -->
 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="modalLabelLarge" aria-hidden="true">
@@ -212,4 +215,8 @@
       $("#type").val("card");
     }
   }
+
+  $("#sxModal .btn_cancel").on('click',function(){
+    $("#sxModal").hide();
+  });
 </script>
\ No newline at end of file
diff --git a/app/views/origami/customers/index.html.erb b/app/views/origami/customers/index.html.erb
index 87ff1144..2600f3fe 100755
--- a/app/views/origami/customers/index.html.erb
+++ b/app/views/origami/customers/index.html.erb
@@ -263,6 +263,9 @@
 
    <div id="sxModal">
     <div id="sxModal-Content"><h3>Card Tap</h3></div>
+    <div class="m-r-20" align="right">
+        <button type="button" class="btn btn-lg btn-link bg-red waves-effect btn_cancel">Cancel</button>
+    </div>
   </div>
 </div>
 <script type="text/javascript">
@@ -475,11 +478,11 @@
               if(booking_id!= "" && page == "pending"){
                 window.location.href = '/origami/'+cashier_type+'/pending_order/'+booking_id;
               }else{
-               window.location.href = '/origami/sale/'+sale_id+'/'+cashier_type+'/customers/payment/';
+               window.location.href = '/origami/sale/'+sale_id+'/'+cashier_type+'/payment/';
               }
             }else{
               if(page == "payment"){
-                window.location.href = '/origami/sale/'+sale_id+'/'+cashier_type+'/customers/payment/';
+                window.location.href = '/origami/sale/'+sale_id+'/'+cashier_type+'/payment/';
               }else{
                 if (type=="Table") {
                   window.location.href = '/origami/table/'+id
@@ -519,7 +522,11 @@
       
     }
     
- })
+ });
+
+  $("#sxModal .btn_cancel").on('click',function(){
+    $("#sxModal").hide();
+  });
 
 </script>
 
diff --git a/app/views/origami/payments/show.html.erb b/app/views/origami/payments/show.html.erb
index 55d0b19b..2deb9c0c 100755
--- a/app/views/origami/payments/show.html.erb
+++ b/app/views/origami/payments/show.html.erb
@@ -391,21 +391,23 @@
   <div class="modal-dialog modal-md" role="document">
     <div class="modal-content">
       <div class="modal-header">
-      <h4 class="modal-title" id="pdfModalLabel"></h4>
+      <h4 class="modal-title">
+        <span id="pdfModalLabel"></span>
+        <span id="changed_amount" class="p-l-120"></span>
+      </h4>
       </div>
       <div class="modal-body">
         <input type="hidden" name="sale_receipt_no" id="sale_receipt_no">
         <input type="hidden" name="filename" id="filename">
         <input type="hidden" name="printer_name" id="printer_name">
-        <p id="changed_amount"></p>
         <div class="text-center">
-          <iframe id="receipt_pdf" src="" style="width: 400px; height: 600px;"></iframe>
+          <iframe id="receipt_pdf" src="" class="pdf-iframe" scrolling="no"></iframe>
         </div>
       </div>
       <div class="modal-footer ">
-        <div class="row p-r-20">
+        <div class="row m-b-10 m-r-30">
           <% if ENV["SERVER_MODE"] != 'cloud' %>
-          <div class="col-md-5">
+          <div class="col-md-5 m-r-20">
             <button type="button" class="btn btn-link bg-red waves-effect print_receipt">Print</button>
           </div>
           <% end %>
@@ -458,8 +460,8 @@
   <div id="sxModal-Content">
     <h3>Card Tap</h3>
   </div>
-  <div>
-    <button type="button" class="btn btn-lg btn-link bg-red waves-effect" data-dismiss="modal">Cancel</button>
+  <div class="m-r-20" align="right">
+      <button type="button" class="btn btn-lg btn-link bg-red waves-effect btn_cancel">Cancel</button>
   </div>
 </div> 
 
@@ -469,7 +471,7 @@ var customer_id = "<%= @customer.id %>";
 var customer_name = "<%= @customer.name %>";
   $(document).ready(function(){
     //start customer modal popup
-    if((customer_id!=undefined) && (customer_id!=null) && (customer_id!="")){
+    if((cashier_type=='quick_service') && (customer_id!=undefined) && (customer_id!=null) && (customer_id!="")){
       if((customer_id == 'CUS-000000000001') && (customer_name == 'WALK-IN')){
         $("#is_memberModal").modal({show : true, backdrop: false, keyboard : false});
       }
@@ -487,7 +489,9 @@ var customer_name = "<%= @customer.name %>";
         
         if ($("#server_mode").val() != "cloud") { // first bill not used in cloud
           console.log("ssssssssssss")
-          payment_type =  checkReceiptNoInFirstBillData(receipt_no,"payment")
+          payment_type =  checkReceiptNoInFirstBillData(receipt_no,"payment");
+          console.log(member_id);
+          console.log(member_discount);
           if (member_id && member_discount) {
             if(parseInt(jQuery.inArray("Credit", payment_type)) == -1){
               $("#credit_payment").hide();             
@@ -607,7 +611,7 @@ var customer_name = "<%= @customer.name %>";
                 $("#printer_name").val(result.printer_name);
                 $("#receipt_pdf").attr("src", result.filename);
                 $("#pdfModal").modal({show : true, backdrop : false, keyboard : false});
-                $("#pdfModalLabel").text("Payment Successful!");
+                $("#pdfModalLabel").text("Sale Completed");
                 $("#changed_amount").text("");
                 if($('#balance').text() < 0){
                   <% if precision.to_i > 0 %>
@@ -1106,4 +1110,8 @@ var customer_name = "<%= @customer.name %>";
       });        
     });
   }
+
+  $("#sxModal .btn_cancel").on('click',function(){
+    $("#sxModal").hide();
+  });
 </script>
\ No newline at end of file