change read NFC UI

app/views/layouts/_read_modal.html.erb

@@ -0,0 +1,39 @@
+<div class="modal fade" id="read_modal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" >
+    <div class="modal-dialog read-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header" style="background-color: #54A5AF;padding-top:10px !important;">
+                <h4 class="modal-title" id="defaultModalLabel" style="color:#fff;">Customer Detail</h4>
+            </div>
+            <div class="modal-body">
+                <p style="text-align: center; font-weight: bolder; color: black; font-size: larger">Please tap NFC Card or Scan Code</p>
+                <div style="text-align: center;">
+                    <img src="/image/barcode.png" style="height: 200px">
+                    <img src="/image/nfc.png" style="height: 200px"><br>
+                </div>
+            </div>
+            <div class="modal-footer" style="justify-content: center;">
+                <button type="button" class="btn btn-danger" id="close" >Cancel</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<style>
+  #read_modal {
+  text-align: center;
+  padding: 0!important;
+}
+
+  #read_modal:before {
+    display: inline-block;
+    vertical-align: middle;
+    content: " ";
+    height: 100%;
+  }
+
+  .read-dialog {
+    display: inline-block;
+    text-align: left;
+    vertical-align: middle;
+  }
+</style>