align datepicker icon to center of button, fix #183

CHANGELOG.txt

@@ -4,6 +4,7 @@ X-editable changelog
 
 Version 1.4.4 wip
 ----------------------------
+[enh #183] move datepicker icon to center of button (vitalets)
 [enh] upgrade to select2 3.3.2 (vitalets)
 [enh #176] update to bootstrap 2.3.1 (vitalets)
 [bug #171] clear in date & datetime when showbuttons=false (vitalets)

src/editable-form/editable-form.css

@@ -17,8 +17,6 @@
    *display: inline;
 }
 
-
-
 .editable-input {
     vertical-align: top; 
     display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
@@ -66,12 +64,20 @@
    color: red;  
 }
 
+/* ---- For specific types ---- */
+
 .editableform .editable-date {
     padding: 0; 
     margin: 0;
     float: left;
 }
 
+/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
+.editable-inline .add-on .icon-th {
+   margin-top: 3px;
+   margin-left: 1px; 
+}
+
 
 /* checklist vertical alignment */
 .editable-checklist label input[type="checkbox"],