Center all elements of checklist-item form

- before the save button, X and slider element had a strange layout. The
  save button was at the bottom, the X and slider at the top of the flex
  layout

client/components/cards/checklists.styl

@@ -146,4 +146,4 @@ textarea.js-add-checklist-item, textarea.js-edit-checklist-item
 
 .edit-controls
   label.toggle-label
-    margin-left: 6px
+    margin-left: 2px

client/components/forms/forms.styl

@@ -117,7 +117,6 @@ button
   display: inline-block
   font-weight: 700
   line-height: 22px
-  margin: 8px 4px 0 0
   padding: 7px 20px
   text-align: center
 
@@ -226,20 +225,18 @@ textarea
 .edit-controls,
 .add-controls
   display: flex
-  align-items: baseline
-  margin-top: 0
+  align-items: center
+  margin-top: 0px
 
   button[type=submit]
   input[type=button]
     float: left
     height: 32px
-    margin-top: -2px
-    padding-top: 5px
-    padding-bottom: 5px
+    margin-bottom: 0px
 
   .fa-times-thin
     font-size: 26px
-    margin: 3px 4px
+    margin: 3px 10px
 
 // Material Design checkboxes
   [type="checkbox"]:not(:checked),