# HG changeset patch
# User Guillermo Alvarez de Eulate <guillermo.alvarez@openbravo.com>
# Date 1434123244 -7200
#      Fri Jun 12 17:34:04 2015 +0200
# Node ID 2bbb041a4fa925cb3fea3be2ee63a46ba402e1d5
# Parent  82acb92aa2d779dbc922599836f76dd51698a5a2
fixed issue 30012: Counted cash layout is not broken with some numbers

I have increased the space used to insert counted amount. At the smae tiem big numbers can be shown in the coinns button and in the total amount field.
Attached to the issue there are the three scenarios that I have tested.

diff -r 82acb92aa2d7 -r 2bbb041a4fa9 web/org.openbravo.retail.posterminal/js/closecash/view/tabcashpayments.js
--- a/web/org.openbravo.retail.posterminal/js/closecash/view/tabcashpayments.js	Thu Jun 11 17:42:25 2015 +0200
+++ b/web/org.openbravo.retail.posterminal/js/closecash/view/tabcashpayments.js	Fri Jun 12 17:34:04 2015 +0200
@@ -71,11 +71,9 @@
           classes: 'btnlink-gray btnlink-cashup-edit',
           ontap: 'addUnit'
         }, {
-          style: 'display:inline-block; width: 10%'
-        }, {
           name: 'qtyminus',
           kind: 'OB.UI.SmallButton',
-          style: 'width: 40px;',
+          style: 'width: 8%;',
           classes: 'btnlink-gray btnlink-cashup-edit',
           content: '-',
           ontap: 'subUnit'
@@ -83,20 +81,18 @@
           name: 'numberOfCoins',
           kind: 'OB.UI.MediumButton',
           classes: 'btnlink-gray btnlink-cashup-edit',
-          style: 'background-color: white; border: 1px solid lightgray; border-radius: 3px;',
+          style: 'background-color: white; border: 1px solid lightgray; border-radius: 3px; width: 18%',
           ontap: 'lineEdit'
         }, {
           name: 'qtyplus',
           kind: 'OB.UI.SmallButton',
-          style: 'width: 40px;',
+          style: 'width: 8%',
           classes: 'btnlink-gray btnlink-cashup-edit',
           content: '+',
           ontap: 'addUnit'
         }, {
-          style: 'display:inline-block; width: 10%'
-        }, {
           name: 'total',
-          style: 'display:inline-block;padding: 10px 0px 10px 0px; width: 15%; text-align: center;'
+          style: 'margin-left: 2%; display:inline-block;padding: 10px 0px 10px 0px; width: 26%; text-align: center;'
         }]
       }]
     }]
@@ -104,9 +100,9 @@
   create: function () {
     this.inherited(arguments);
     this.$.coin.setContent(OB.I18N.formatCurrency(this.model.get('coinValue')));
-    var style = 'float: left; width: 15%; text-align: center;';
+    var style = 'float: left; width: 27%; text-align: center;';
     if (this.model.get('bordercolor')) {
-      style += ' border:10px solid ' + this.model.get('bordercolor') + ';';
+      style += ' border:6px solid ' + this.model.get('bordercolor') + ';';
     }
     style += ' background-color:' + this.model.get('backcolor') + ';';
     this.$.coin.addStyles(style);