Move max-width CSS Integer to apply only on form

The rule breaks the display of the widget on editable tree as it should expand
to the width of the cell.

issue7357
review47331002

src/sao.less

@@ -233,6 +233,11 @@ img.icon {
             min-width: 8em;
         }
     }
+    & .form-integer, .form-float {
+        & input {
+            max-width: 8em;
+        }
+    }
     & .form-url, .form-email, .form-callto, .form-sip {
         & a > img {
             width: 1em;

src/view/form.js

@@ -1607,7 +1607,6 @@ function eval_pyson(value){
         init: function(field_name, model, attributes) {
             Sao.View.Form.Integer._super.init.call(this, field_name, model,
                 attributes);
-            this.input.css('max-width', 8);
             this.input_text = this.input.clone().appendTo(this.group);
             this.input_text.attr('type', 'text');
             this.input.attr('type', 'number');