Use styling of inplaceEditing for table edit

app/assets/stylesheets/content/_in_place_editing.sass

@@ -160,7 +160,8 @@
   @include grid-block
   overflow: visible
 
-.inplace-edit--read-value
+.inplace-edit--read-value,
+.wp-edit-field
   @include grid-block
   padding: 0.375rem
 
@@ -224,7 +225,8 @@ a.inplace-edit--icon-wrapper
 // need to specify the a explicitly as otherwise
 // the default class will win
 a.inplace-editing--trigger-link,
-.inplace-editing--trigger-link
+.inplace-editing--trigger-link,
+td.-editable
   @include grid-block
   color: $body-font-color
   font-weight: inherit
@@ -237,8 +239,13 @@ a.inplace-editing--trigger-link,
     text-decoration: none
     color: $body-font-color
 
-    .inplace-editing--container
+    .inplace-editing--container,
+    .wp-edit-field
       border-color: $inplace-edit--border-color
+
+      &.-active
+        border-color: transparent
+
     .inplace-edit--icon-wrapper
       visibility: visible
 
@@ -247,9 +254,10 @@ a.inplace-editing--trigger-link,
   .inplace-edit--read-value
     display: block
 
-.inplace-editing--container
+.inplace-editing--container,
+.wp-edit-field
   @include grid-block
-  border-color: #fff
+  border-color: transparent
   border-style: solid
   border-radius: 2px
   border-width: 1px

app/assets/stylesheets/content/_work_packages_table_edit.sass

@@ -26,28 +26,34 @@
 // See doc/COPYRIGHT.rdoc for more details.
 //++
 
-.wp-edit-field
-  border: 1px solid transparent
+.-editable
+  .wp-edit-field
+    &.-active
+      padding: 0
 
-  &:hover
-    border-color: #eee
+    &.-error
+      background: $nm-color-error-background
+      border-color: $nm-color-error-border
 
-  &.-active:hover
-    border-color: transparent
-
-  &.-error
-    background: rgb(254, 208, 209)
-    border-color: $inplace-edit--color--very-dark
-
-    &:hover
-      border-color: lighten($inplace-edit--color--very-dark, 10%)
+      &:hover
+        border-color: lighten($nm-color-error-border, 10%)
 
+    form
+      width: 100%
 
+  &:hover .wp-edit-field.-error:hover
+    border-color: $nm-color-error-border
 
 .wp-table--cell
-
   &.-editable .wp-table--cell-span
     cursor: pointer
 
   &:not(.-editable) .wp-table--cell-span
     cursor: not-allowed
+
+
+.work-package-table--container .generic-table tbody
+  td.-editable
+    padding-top: 0
+    padding-bottom: 0
+    display: table-cell