0034858: [UX] Keypad mathematical symbols (multiplication and division) are not the proper ones

diff --git a/src-db/database/sourcedata/AD_MESSAGE.xml b/src-db/database/sourcedata/AD_MESSAGE.xml
--- a/src-db/database/sourcedata/AD_MESSAGE.xml
+++ b/src-db/database/sourcedata/AD_MESSAGE.xml
@@ -2052,7 +2052,7 @@
 <!--EFF14FC95BD84896969B5EB6E943BE54-->  <AD_ORG_ID><![CDATA[0]]></AD_ORG_ID>
 <!--EFF14FC95BD84896969B5EB6E943BE54-->  <ISACTIVE><![CDATA[Y]]></ISACTIVE>
 <!--EFF14FC95BD84896969B5EB6E943BE54-->  <VALUE><![CDATA[OBMOBC_Character]]></VALUE>
-<!--EFF14FC95BD84896969B5EB6E943BE54-->  <MSGTEXT><![CDATA[»•x−+]]></MSGTEXT>
+<!--EFF14FC95BD84896969B5EB6E943BE54-->  <MSGTEXT><![CDATA[»•x−+÷×%]]></MSGTEXT>
 <!--EFF14FC95BD84896969B5EB6E943BE54-->  <MSGTYPE><![CDATA[I]]></MSGTYPE>
 <!--EFF14FC95BD84896969B5EB6E943BE54-->  <AD_MODULE_ID><![CDATA[08943B85ADF64E708797A753E5B6AAEE]]></AD_MODULE_ID>
 <!--EFF14FC95BD84896969B5EB6E943BE54-->  <ISINCLUDEINI18N><![CDATA[N]]></ISINCLUDEINI18N>
diff --git a/web/org.openbravo.mobile.core/assets/css/ob-standard.css b/web/org.openbravo.mobile.core/assets/css/ob-standard.css
--- a/web/org.openbravo.mobile.core/assets/css/ob-standard.css
+++ b/web/org.openbravo.mobile.core/assets/css/ob-standard.css
@@ -486,6 +486,11 @@
   background-color: #7da7d9;
 }
 
+button.btnkeyboard-math {
+  padding-bottom: 2px;
+  font-family: Verdana, Geneva, sans-serif;
+}
+
 button.btnkeyboard-plus.btn-down,
 button.btnkeyboard-plus:active {
   opacity: 1;
diff --git a/web/org.openbravo.mobile.core/source/component/ob-keyboard.js b/web/org.openbravo.mobile.core/source/component/ob-keyboard.js
--- a/web/org.openbravo.mobile.core/source/component/ob-keyboard.js
+++ b/web/org.openbravo.mobile.core/source/component/ob-keyboard.js
@@ -86,7 +86,7 @@
                 classes: 'span6',
                 components: [{
                   kind: 'OB.UI.ButtonKey',
-                  classButton: 'btnkeyboard-num btnkeyboard-minus',
+                  classButton: 'btnkeyboard-num btnkeyboard-minus btnkeyboard-math',
                   command: '-',
                   name: 'minusBtn',
                   init: function () {
@@ -98,7 +98,7 @@
                 components: [{
                   kind: 'OB.UI.ButtonKey',
                   label: '+',
-                  classButton: 'btnkeyboard-num btnkeyboard-plus',
+                  classButton: 'btnkeyboard-num btnkeyboard-plus btnkeyboard-math',
                   command: '+',
                   name: 'plusBtn',
                   init: function () {
diff --git a/web/org.openbravo.mobile.core/source/component/ob-keypadbasic.js b/web/org.openbravo.mobile.core/source/component/ob-keypadbasic.js
--- a/web/org.openbravo.mobile.core/source/component/ob-keypadbasic.js
+++ b/web/org.openbravo.mobile.core/source/component/ob-keypadbasic.js
@@ -176,6 +176,31 @@
       }, this);
     }
 
+    if (this.$.toolbarBtn1.label === '/') {
+      this.$.toolbarBtn1.$.button.setContent(OB.I18N.getLabel('OBMOBC_Character')[5]); /* Change for the division sign */
+      this.$.toolbarBtn1.$.button.addClass('btnkeyboard-math');
+    } else {
+      this.$.toolbarBtn1.$.button.removeClass('btnkeyboard-math');
+    }
+
+    if (this.$.toolbarBtn2.label === '*') {
+      this.$.toolbarBtn2.$.button.setContent(OB.I18N.getLabel('OBMOBC_Character')[6]); /* Change for the multiplication sign */
+      this.$.toolbarBtn2.$.button.addClass('btnkeyboard-math');
+    } else {
+      this.$.toolbarBtn2.$.button.removeClass('btnkeyboard-math');
+    }
+
+    if (this.$.toolbarBtn3.label === '%') {
+      this.$.toolbarBtn3.$.button.setContent(OB.I18N.getLabel('OBMOBC_Character')[7]); /* Change for the percent sign */
+      this.$.toolbarBtn3.$.button.addClass('btnkeyboard-math');
+      this.$.toolbarBtn3.$.button.applyStyle('font-size', '19px !important');
+      this.$.toolbarBtn3.$.button.applyStyle('padding-bottom', '1px');
+    } else {
+      this.$.toolbarBtn3.$.button.removeClass('btnkeyboard-math');
+      this.$.toolbarBtn3.$.button.applyStyle('font-size', 'inherit');
+      this.$.toolbarBtn3.$.button.applyStyle('padding-bottom', 'inherit');
+    }
+
     // hack to set label and command after creation
     decimalButton = this.$.decimalSymbol;
     decimalButton.label = OB.Format.defaultDecimalSymbol;
@@ -185,6 +210,7 @@
     });
     decimalButton.$.button.setContent(OB.Format.defaultDecimalSymbol);
     decimalButton.$.button.setDisabled(false);
+    decimalButton.$.button.applyStyle('font-weight', 'bold');
     decimalButton.$.button.removeClass('btnkeyboard-inactive');
   }