Fix alignments

app/assets/stylesheets/content/_work_packages_table.sass

@@ -73,7 +73,9 @@ table.generic-table tbody tr.issue .checkbox
 .work-package--details--long-field
   .inplace-edit--read .inplace-edit--read-value
     // Use the whole space and leave room for the icon on the right
-    width: calc(100% - 37px)
+    width: calc(100% - 42px)
+    padding: 3px
+    line-height: 2
     span.deleting
       opacity: 0.5
 
@@ -106,6 +108,10 @@ a.inplace-editing--trigger-link,
 
   .inplace-edit--read-value
     display: inline-block
+    span
+      line-height: 2
+    i
+      vertical-align: middle
 
 // Do not hover trigger-link when element is read-only
 .-read-only
@@ -121,6 +127,7 @@ a.inplace-editing--trigger-link,
   border-left: 1px solid $inplace-edit--border-color
   color: $body-font-color
   visibility: hidden
+  float: right
 
   .icon-context:before
     // HACK: overriding default padding here

app/assets/stylesheets/content/_work_packages_table_edit.sass

@@ -47,7 +47,7 @@
   text-overflow: ellipsis
   overflow: hidden
 
-  span
+  > span:first-of-type
     display: block
     overflow: hidden
     text-overflow: ellipsis

app/assets/stylesheets/specific/accessibility.sass

@@ -66,18 +66,13 @@ body.accessibility-mode
   // Neccessary to have enough space for the border in IE
   .work-packages--page-container
     .inplace-edit .inplace-edit--read-value,
+    .inplace-edit .inplace-edit--read,
+    .inplace-edit form,
     .id a
       margin: 3px
-    .inplace-edit form
-      display: block
       max-width: calc(100% - 6px)
-      margin: 3px
-
-    .inplace-edit span
+    .inplace-edit form
       display: block
-      overflow: hidden
-      text-overflow: ellipsis
-
 
   // Allow a greater sensible area to click input checkboxes
   // On the WP table this is not neccessary because the whole cell is clickable