Merge pull request #2861 from 0xF013/fix/inplace-error-styles

inplace error styles

app/assets/stylesheets/content/_attributes_key_value.sass

@@ -29,7 +29,6 @@
 .attributes-key-value
   @include grid-block
   @include grid-layout(2)
-  align-items: center
   overflow: visible
   overflow-y: visible
   font-size: 0.875rem
@@ -38,7 +37,7 @@
   @extend .form--label
   @include grid-size(4)
   margin-bottom: 0.1875rem
-  padding: 0.375rem 0
+  padding: 0.375rem 0 0.375rem
   font-weight: bold
 
 .attributes-key-value--value-container

app/assets/stylesheets/content/_in_place_editing.sass

@@ -81,10 +81,16 @@ $inplace-edit--color--very-dark: #cacaca
   padding: 5px
   left: 251px
   bottom: -11px
-  background: white
+  background: rgb(254, 208, 209)
   border: 1px solid $inplace-edit--color--very-dark
   min-height: 42px
-  white-space: pre-line
+  color: #444
+  .inplace-edit--errors--icon
+    position: absolute
+    top: 8px
+  .inplace-edit--errors--text
+    white-space: pre-line
+    padding-left: 18px
 
 .inplace-edit--controls
   display: inline-block

app/assets/stylesheets/content/_work_packages.sass

@@ -41,12 +41,6 @@
   font-size: 1.125rem
   font-weight: bold
 
-.work-packages--details--type
-  @include grid-content
-  @include grid-size(shrink)
-  @include details-pane--form-field
-  color: $content-link-color
-
 .work-packages--details--subject
   @include grid-content
   @include grid-size(expand)

frontend/app/templates/work_packages/inplace_editor/edit_pane.html

@@ -3,7 +3,10 @@
       <div class="inplace-edit--write-value" ng-include="templateUrl">
       </div>
     <div class="inplace-edit--dashboard">
-      <div class="inplace-edit--errors" ng-show="editPaneController.error" role="alert" ng-bind="editPaneController.error" aria-live="polite"></div>
+      <div class="inplace-edit--errors" ng-show="editPaneController.error">
+        <i class="icon-attention2 inplace-edit--errors--icon"></i>
+        <div class="inplace-edit--errors--text" ng-bind="editPaneController.error" role="alert" aria-live="polite"></div>
+      </div>
       <div class="inplace-edit--controls" ng-hide="fieldController.isBusy">
         <accessible-by-keyboard execute="editPaneController.editForm.$valid && editPaneController.submit(false)" class="inplace-edit--control inplace-edit--control--save">
           <icon-wrapper icon-name="yes" icon-title="{{ editPaneController.saveTitle }}">