add class editable-input

src/editable-form/editable-form.css

@@ -23,12 +23,11 @@
    color: red;  
 }
 
-.editableform input, 
+.editableform .editable-input {
-.editableform select, 
-.editableform textarea {
     vertical-align: top; 
     display: inline-block;
     width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
+    float: left;
 }
 
 .editableform textarea {
@@ -36,7 +35,6 @@
 }
 
 .editableform .editable-date {
-    float: left;
     padding: 0; 
     margin: 0 0 9px 0;
 }

src/inputs/abstract.js

@@ -28,6 +28,7 @@ To create your own input you should inherit from this class.
        **/       
        render: function() {
             this.$input = $(this.options.tpl);
+            this.$input.addClass('editable-input');
             if(this.options.inputclass) {
                 this.$input.addClass(this.options.inputclass); 
             }

src/inputs/checklist.js

@@ -1,5 +1,5 @@
 /**
-List of checkboxes. Internally value stored as javascript array.
+List of checkboxes. Internally value stored as javascript array of values.
 
 @class checklist
 @extends list
@@ -147,4 +147,4 @@ $(function(){
 
     $.fn.editableform.types.checklist = Checklist;      
 
-}(window.jQuery));
+}(window.jQuery));