From bf21cbb8930f3d77f2da4eecc10be5d6299ba870 Mon Sep 17 00:00:00 2001
From: Ernesto Tejeda <ernesto.tejeda@tecnativa.com>
Date: Sun, 13 Dec 2020 13:19:54 -0500
Subject: [PATCH] [IMP] web_widget_numeric_step: better visualization in list
 view cells

---
 .../static/src/css/numeric_step.scss                  |  3 +++
 web_widget_numeric_step/static/src/js/numeric_step.js | 11 +++++++++++
 2 files changed, 14 insertions(+)

diff --git a/web_widget_numeric_step/static/src/css/numeric_step.scss b/web_widget_numeric_step/static/src/css/numeric_step.scss
index 5926a9152..8518fd700 100644
--- a/web_widget_numeric_step/static/src/css/numeric_step.scss
+++ b/web_widget_numeric_step/static/src/css/numeric_step.scss
@@ -1,3 +1,6 @@
 .widget_numeric_step {
     display: inline-flex;
 }
+.numeric_step_editing_cell {
+    min-width: 120px;
+}
diff --git a/web_widget_numeric_step/static/src/js/numeric_step.js b/web_widget_numeric_step/static/src/js/numeric_step.js
index 0b425d209..f0eae9759 100644
--- a/web_widget_numeric_step/static/src/js/numeric_step.js
+++ b/web_widget_numeric_step/static/src/js/numeric_step.js
@@ -124,9 +124,20 @@ odoo.define('web_widget_numeric_step.field', function (require) {
          * @override
          */
         _renderEdit: function () {
+            $("td.o_numeric_step_cell").addClass("numeric_step_editing_cell");
             this._prepareInput(this.$el.find('input.input_numeric_step'));
         },
 
+        /**
+         * Resets the content to the formated value in readonly mode.
+         *
+         * @override
+         */
+        _renderReadonly: function () {
+            $("td.o_numeric_step_cell").removeClass("numeric_step_editing_cell");
+            this._super.apply(this, arguments);
+        },
+
         /**
          * Increase/Decrease widget input value
          *