From eaa21f35033a8b1ceed17eb1d9595fe529b54bb2 Mon Sep 17 00:00:00 2001
From: Artur Arseniev <artur.catch@hotmail.it>
Date: Mon, 15 Jun 2020 23:43:44 +0200
Subject: [PATCH] Add type class to trait element

---
 src/trait_manager/view/TraitView.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/trait_manager/view/TraitView.js b/src/trait_manager/view/TraitView.js
index 9841aadec..947be3169 100644
--- a/src/trait_manager/view/TraitView.js
+++ b/src/trait_manager/view/TraitView.js
@@ -37,12 +37,13 @@ export default Backbone.View.extend({
     this.target = target;
     const { ppfx } = this;
     this.clsField = `${ppfx}field ${ppfx}field-${type}`;
-    [['change:value', this.onValueChange], ['remove', this.removeView]].forEach(
-      ([event, clb]) => {
-        model.off(event, clb);
-        this.listenTo(model, event, clb);
-      }
-    );
+    [
+      ['change:value', this.onValueChange],
+      ['remove', this.removeView]
+    ].forEach(([event, clb]) => {
+      model.off(event, clb);
+      this.listenTo(model, event, clb);
+    });
     model.view = this;
     this.listenTo(model, 'change:label', this.render);
     this.listenTo(model, 'change:placeholder', this.rerender);
@@ -261,7 +262,7 @@ export default Backbone.View.extend({
     const hasLabel = this.hasLabel && this.hasLabel();
     const cls = `${pfx}trait`;
     this.$input = null;
-    let tmpl = `<div class="${cls}">
+    let tmpl = `<div class="${cls} ${cls}--${type}">
       ${hasLabel ? `<div class="${ppfx}label-wrp" data-label></div>` : ''}
       <div class="${ppfx}field-wrp ${ppfx}field-wrp--${type}" data-input>
         ${