[FIX] point_of_sale: centering the icon in the circle.

addons/point_of_sale/static/src/css/pos.css

@@ -648,7 +648,7 @@ td {
 .pos .actionpad .button.pay {
     height: 162px;
 }
-.pos .actionpad .button.pay .fa {
+.pos .actionpad .button.pay .pay-circle {
     display: block;
     font-size: 32px;
     line-height: 54px;
@@ -660,6 +660,11 @@ td {
     border-radius: 30px;
     margin-bottom: 10px;
 }
+.pos .actionpad .button.pay .pay-circle .fa {
+    position: relative;
+    top: -1px;
+    left: 3px;
+}
 
 /*  ********* The Numpad ********* */
 

addons/point_of_sale/static/src/xml/pos.xml

@@ -103,7 +103,10 @@
                 <i class='fa fa-user' /> Customer
             </button>
             <button class='button pay'>
-                <i class='fa fa-chevron-right' /> Payment
+                <div class='pay-circle'>
+                    <i class='fa fa-chevron-right' /> 
+                </div>
+                Payment
             </button>
         </div>
     </t>