[FIX] base_iban: fix display of IBAN validation

Before this commit, the IBAN number was showing behind the X or V of the
validator.

This commit adds a class on the input when the validator is added, so
that a padding is set on it. The result is that the IBAN text doesn't
show behind the validator any more, once it has been displayed.

closes odoo/odoo#46859

X-original-commit: 0b2c40dbe0df2802b6a1d2969b4e6651a750f928
Signed-off-by: Toufik Benjaa (tbe) <tbe@odoo.com>

addons/base_iban/static/src/js/iban_widget.js

@@ -86,6 +86,7 @@ var IbanWidget = FieldChar.extend({
             } else {
                 $span = $('<span class="fa fa-check o_iban text-success"/>');
             }
+            this.$el.addClass('o_iban_input_with_validator');
             $span.insertAfter(this.$el);
             this.$el = this.$el.add($span);
         }

addons/base_iban/static/src/scss/iban_widget_view.scss

@@ -9,5 +9,8 @@
     .o_iban_fail {
         cursor: help;
     }
+    .o_iban_input_with_validator {
+        padding-right: 20px!important;
+    }
 
 }