From b479743cbb66508db876c08f0ae9d452e492b6ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexandre=20D=2E=20D=C3=ADaz?=
 <alexandre.diaz@tecnativa.com>
Date: Mon, 8 Mar 2021 18:35:15 +0100
Subject: [PATCH] [IMP] web_widget_one2many_product_picker: Enlarge the 'Add 1'
 button

---
 .../static/src/js/views/One2ManyProductPicker/record.js   | 3 +++
 .../static/src/scss/one2many_product_picker.scss          | 2 +-
 .../static/src/xml/one2many_product_picker.xml            | 8 ++++----
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/web_widget_one2many_product_picker/static/src/js/views/One2ManyProductPicker/record.js b/web_widget_one2many_product_picker/static/src/js/views/One2ManyProductPicker/record.js
index 66113689b..ab5d15780 100644
--- a/web_widget_one2many_product_picker/static/src/js/views/One2ManyProductPicker/record.js
+++ b/web_widget_one2many_product_picker/static/src/js/views/One2ManyProductPicker/record.js
@@ -649,6 +649,9 @@ odoo.define("web_widget_one2many_product_picker.One2ManyProductPickerRecord", fu
                     this._incProductQty(1);
                     this._doInteractAnim(evt.target, evt.currentTarget);
                     return;
+                } else if ($target.hasClass('safezone')) {
+                    // Do nothing on safe zones
+                    return;
                 }
             }
             if (!this._clickFlipCardDelayed) {
diff --git a/web_widget_one2many_product_picker/static/src/scss/one2many_product_picker.scss b/web_widget_one2many_product_picker/static/src/scss/one2many_product_picker.scss
index cea673860..ef0479347 100644
--- a/web_widget_one2many_product_picker/static/src/scss/one2many_product_picker.scss
+++ b/web_widget_one2many_product_picker/static/src/scss/one2many_product_picker.scss
@@ -255,4 +255,4 @@
     100% {
         transform: scale(1.0);
     }
-}
\ No newline at end of file
+}
diff --git a/web_widget_one2many_product_picker/static/src/xml/one2many_product_picker.xml b/web_widget_one2many_product_picker/static/src/xml/one2many_product_picker.xml
index aae2d01c7..481241e91 100644
--- a/web_widget_one2many_product_picker/static/src/xml/one2many_product_picker.xml
+++ b/web_widget_one2many_product_picker/static/src/xml/one2many_product_picker.xml
@@ -75,13 +75,13 @@
                     <div t-attf-class="oe_flip_card_front p-0 {{(modified &amp;&amp; 'border-warning') || (state &amp;&amp; !is_virtual &amp;&amp; 'border-success') || ''}}">
                         <t t-if="state">
                             <t t-if="!is_virtual">
-                                <div class="position-absolute m-0 text-left">
-                                    <span t-att-data-field="field_map.product_uom_qty" t-attf-data-esc="str({{field_map.product_uom_qty}}) + ' x ' + {{field_map.product_uom}}.data.display_name" t-attf-class="badge {{modified &amp;&amp; 'badge-warning' || 'badge-success'}} font-weight-bold rounded-0 mt-1 p-2 product_qty" />
+                                <div class="safezone position-absolute m-0 pb-2 pr-2 text-left">
+                                    <span t-att-data-field="field_map.product_uom_qty" t-attf-data-esc="str({{field_map.product_uom_qty}}) + ' x ' + {{field_map.product_uom}}.data.display_name" t-attf-class="badge {{modified &amp;&amp; 'badge-warning' || 'badge-success'}} font-weight-bold rounded-0 mt-0 px-2 py-3 product_qty" />
                                 </div>
                             </t>
                             <t t-else="">
-                                <div class="position-absolute m-0 text-left">
-                                    <span class="badge badge-primary font-weight-bold rounded-0 mt-1 p-2 add_product"><i class="fa fa-plus"></i> Add 1 <t t-esc="state.data[field_map.product_uom].data.display_name"/></span>
+                                <div class="safezone position-absolute m-0 pb-2 pr-2 text-left">
+                                    <span class="badge badge-primary font-weight-bold rounded-0 mt-0 px-2 py-3 add_product"><i class="fa fa-plus"></i> 1 <t t-esc="state.data[field_map.product_uom].data.display_name"/></span>
                                 </div>
                             </t>
                             <div class="position-absolute m-0 text-left badge_price">