0050972: Verify Return popup is not displayed properly in mobile device

diff --git a/web/org.openbravo.retail.returns/assets/css/ob-returns.css b/web/org.openbravo.retail.returns/assets/css/ob-returns.css
index 7c5c104..1c11281 100644
--- a/web/org.openbravo.retail.returns/assets/css/ob-returns.css
+++ b/web/org.openbravo.retail.returns/assets/css/ob-returns.css
@@ -10,4 +10,8 @@
 .btn-icon-notreturnable {
   background-image: url('./../img/iconNotReturnable.png');
   cursor: default !important;
+}
+
+.obUiModalReturnReceipt .modal-dialog-header{
+  padding: 9px 0px 8px 0px;
 }
\ No newline at end of file
diff --git a/web/org.openbravo.retail.returns/js/modalReturnLines.js b/web/org.openbravo.retail.returns/js/modalReturnLines.js
index 66fa163..740388a 100644
--- a/web/org.openbravo.retail.returns/js/modalReturnLines.js
+++ b/web/org.openbravo.retail.returns/js/modalReturnLines.js
@@ -1,6 +1,6 @@
 /*
  ************************************************************************************
- * Copyright (C) 2014-2019 Openbravo S.L.U.
+ * Copyright (C) 2014-2022 Openbravo S.L.U.
  * Licensed under the Openbravo Commercial License version 1.0
  * You may obtain a copy of the License at http://www.openbravo.com/legal/obcl.html
  * or in the legal folder of this module distribution.
@@ -462,7 +462,7 @@
             componentWidth[2] +
             'px; color: #666666; height: ' +
             componentWidth[2] +
-            'px; margin-top: 0px; font-size: 20px; padding-right: 4px;padding-left: 4px;padding-bottom: 10px;';
+            'px; margin-top: 0px; font-size: 20px; padding: 0px;';
           me.$.quantity.style =
             'margin-right: 2px; text-align: center; width: ' +
             componentWidth[3] +
@@ -476,7 +476,7 @@
             componentWidth[2] +
             'px; color: #666666; height: ' +
             componentWidth[2] +
-            'px; margin-top: 0px; font-size: 20px; padding-right: 4px;padding-left: 4px;padding-bottom: 10px;';
+            'px; margin-top: 0px; font-size: 20px; padding: 0px;';
           me.$.price.style =
             'line-height: 35px; font-size: ' +
             fontSize +
@@ -622,7 +622,7 @@
   enyo.kind({
     name: 'OB.UI.ModalReturnReceipt',
     kind: 'OB.UI.ModalAction',
-    classes: 'modal-dialog',
+    classes: 'modal-dialog obUiModalReturnReceipt',
     correctQty: true,
     handlers: {
       onApplyChanges: 'applyChanges',
@@ -1222,7 +1222,7 @@
       }
       if (!this.$.header.$.checkboxButtonAll) {
         this.$.header.addStyles(
-          'padding-bottom: 0px; margin: 0px; height: 198px;'
+          'padding-bottom: 0px; margin: 0px; height: auto;'
         );
 
         //Font dynamically reduced