form_item.scss in binda-0.1.1

- old
+ new

@@ -1,22 +1,17 @@
 .form-item
 {
   display: block;
-  transition: all .3s linear;
-  transform: scaleY(1);
+  overflow-y: hidden;
+  transition: max-height .6s ease-out;
 
   @extend .clearfix;
-  // .form-group
-  // {
-  //   margin-bottom: 20px;
-  // }
 }
 
-.form-item
+.form-item > p
 {
-  overflow-y: hidden;
-  transition: max-height .6s ease-out;
+  padding: 12px;
 }
 
 .form-item--half-size
 {
   position: relative;
@@ -25,11 +20,10 @@
 
   .form-group
   {
     border-top: none !important;
   }
-
 }
 
 .form-item--full-size
 {
   position: relative;
@@ -137,23 +131,28 @@
   margin-bottom: 0;
 
   ul.sortable > li
   {
     margin-top: -1px; // this solve the issue of a 2px border between 2 repeaters
-    border: 1px solid $color-gray-darker;
+    border: 1px solid $color-gray-lighter;
   }
 
   ul.sortable > li > *
   {
     display: block;
   }
 
   ul.sortable
   {
-    margin-bottom: 0px;
+    margin-bottom: 0;
   }
 
+  .ui-sortable-handle:hover
+  {
+    background-color: transparent;
+  }
+
   .sortable--toggle-text:first-child
   {
     display: none;
   }
 
@@ -190,33 +189,37 @@
 {
   display: block;
   margin-bottom: 20px;
 }
 
-.form-item--repeater-header
+.form-item--header
 {
-  padding: 4px 0;
-  background-color: $color-white !important;
+  padding: 4px;
+  background-color: $color-gray-lightest !important;
 
   p
   {
     margin-top: 8px;
     margin-left: 8px;
   }
 }
+
 .form-item--collapse-btn,
-.form-item--delete-repeater-item
+.form-item--delete-repeater-item,
+.form-item--edit-item
 {
   float: right;
   margin-top: 8px;
   margin-right: 8px;
 }
 
 a.form-item--delete-repeater-item
 {
+  cursor: pointer;
   transition: color .2s ease;
   color: $color-danger;
+
   &:hover
   {
     color: $color-danger-hover;
   }
 }
@@ -291,6 +294,6 @@
 }
 
 .form-item--new-choice .form-item--delete-choice
 {
   display: none;
-}
+}
\ No newline at end of file