From 70e400c3b97b54ff3b96d2dbf9d7e7319fcb00f9 Mon Sep 17 00:00:00 2001
From: phyusin <phyusinthant@code2lab.com>
Date: Wed, 14 Mar 2018 15:08:26 +0630
Subject: [PATCH] change UI in payment page

---
 app/assets/stylesheets/origami.scss      | 10 +++++++
 app/views/origami/payments/show.html.erb | 36 ++++++++++++++++++------
 2 files changed, 37 insertions(+), 9 deletions(-)

diff --git a/app/assets/stylesheets/origami.scss b/app/assets/stylesheets/origami.scss
index 623a4618..0ec6fc4c 100755
--- a/app/assets/stylesheets/origami.scss
+++ b/app/assets/stylesheets/origami.scss
@@ -396,3 +396,13 @@ i.logout_icon{
 	color: #fff !important;
 	background-color: #5DADE2 !important;
 }
+
+/* Start Is Member Modal */
+#is_memberModal .modal-body {
+	height: 200px !important;
+}
+
+#is_memberModal .btn {
+	width: 80%;
+}
+/* End Is Member Modal */
\ No newline at end of file
diff --git a/app/views/origami/payments/show.html.erb b/app/views/origami/payments/show.html.erb
index 46c7b2ba..55d0b19b 100755
--- a/app/views/origami/payments/show.html.erb
+++ b/app/views/origami/payments/show.html.erb
@@ -424,16 +424,29 @@
   <div class="modal-dialog modal-md" role="document">
     <div class="modal-content">
       <div class="modal-header">
-      <h1 class="modal-title" id="is_memberModalLabel">Are you Member?</h1>
+        <h1 class="modal-title" id="is_memberModalLabel">Are you Member?</h1>
       </div>
       <div class="modal-body">
-        <div class="btn-group">
-          <input type="hidden" name="paypar_account_no" id="paypar_account_no" />
-          <input type="hidden" name="qr_code" id="qr_code" />
-          <button type="button" class="btn btn-lg btn-link bg-red waves-effect" data-dismiss="modal">No</button>
-          <button type="button" class="btn btn-lg btn-link bg-green waves-effect btn_customer_yes">Yes</button>
-          <button type="button" class="btn btn-lg btn-link bg-primary waves-effect btn_member">Card Member</button>
-          <button type="button" class="btn btn-lg btn-link bg-primary waves-effect btn_qr_code">QR Code</button>
+        <input type="hidden" name="paypar_account_no" id="paypar_account_no" />
+        <input type="hidden" name="qr_code" id="qr_code" />
+        <div class="row text-center m-t-20">
+          <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
+            <button type="button" class="btn btn-lg btn-link bg-primary waves-effect btn_member">Card Member</button>
+          </div>
+
+          <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
+            <button type="button" class="btn btn-lg btn-link bg-primary waves-effect btn_qr_code">QR Code</button>
+          </div>
+        </div>
+        <div class="row clearfix"></div>
+        <div class="row text-center m-t-20">
+          <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
+            <button type="button" class="btn btn-lg btn-link bg-green waves-effect btn_customer_yes">Yes</button>
+          </div>
+
+          <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
+            <button type="button" class="btn btn-lg btn-link bg-red waves-effect" data-dismiss="modal">No</button>
+          </div>
         </div>
       </div>
       <div class="modal-footer"></div>
@@ -442,7 +455,12 @@
 </div>   
 
 <div id="sxModal">
-  <div id="sxModal-Content"><h3>Card Tap</h3></div>
+  <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>
 </div> 
 
 <script type="text/javascript">