fix addorder UI

app/views/foodcourt/payments/show.html.erb

@@ -19,7 +19,7 @@
 
   <div class="row clearfix h-100">
     <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 d-flex flex-column h-100">
-      <div class="card h-100">
+      <div class="card h-100" style="margin-bottom: 15px">
         <div class="card-header m-l-5 m-r-5">
           <div id="order-title">
             <div class="row p-l-5 p-r-5">
@@ -159,12 +159,12 @@
 </div>
 </div>
 
-<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 d-flex flex-column h-100">
-  <div class="card h-100">
+<div class="col-lg-5 col-md-5 col-sm-5 col-xs-5 d-flex flex-column h-100" style="padding-right: 10px;">
+  <div class="card h-100" style="margin-bottom: 15px">
     <div class="card-header" style="margin-bottom: 20%;">
       <div class="row m-l-5 m-r-5 m-t-20" style="padding-bottom: 14px;">
         <div class="col-md-8"><strong class='amount_balance' style="font-size: 30px">Amount Due: <% if !@sale_payment.nil? %>( Credit )<% end %></strong></div>
-        <div class="col-md-4">
+        <div class="col-md-4 text-right">
           <strong>
             <span id="grand_total" class="hidden">
               <% if @sale_payment.nil? %>
@@ -196,7 +196,10 @@
   </div>
 </div>
 <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
-  <%= link_to 'Back', '/foodcourt/app_orders', class: 'btn btn-block btn-default waves-effect' %>
+  <%= link_to '/foodcourt/app_orders', class: 'btn btn-block btn-default waves-effect', style: "padding-top: 0;" do%>
+    <i class="material-icons">reply</i>
+    BACK
+  <% end %>
   <button type="button" class="btn btn-block btn-default waves-effect" id='refresh'>
      Refresh
   </button>
@@ -445,7 +448,7 @@
   <div id="sxModal-Content">
     <h3>Card Tap</h3>
   </div>
-  <div class="m-r-20" align="right">
+  <div style="position: absolute; bottom: 0; margin-left: 45%; margin-bottom: 60px;">
       <button type="button" class="btn btn-lg btn-link bg-red waves-effect btn_cancel">Cancel</button>
   </div>
 </div>