From 8cbe2dd9dd2130ef47e86c931248e9a3e61d9358 Mon Sep 17 00:00:00 2001
From: Henriette Dinger <h.dinger@openproject.com>
Date: Mon, 6 May 2019 10:54:53 +0200
Subject: [PATCH] Avoid type select field to overlap closing icon

---
 .../components/wp-card-view/wp-card-view.component.html   | 2 +-
 .../components/wp-card-view/wp-card-view.component.sass   | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/wp-card-view/wp-card-view.component.html b/frontend/src/app/components/wp-card-view/wp-card-view.component.html
index de1206fd5a..4c5db6d05c 100644
--- a/frontend/src/app/components/wp-card-view/wp-card-view.component.html
+++ b/frontend/src/app/components/wp-card-view/wp-card-view.component.html
@@ -13,7 +13,7 @@
        [attr.data-is-new]="wp.isNew || undefined"
        [attr.data-work-package-id]="wp.id"
        (doubleClickOrTap)="handleDblClick(wp)"
-       [ngClass]="{'-draggable': dragAndDropEnabled }">
+       [ngClass]="{'-draggable': dragAndDropEnabled, '-new' : wp.isNew }">
 
     <div class="wp-card--highlighting"
         [ngClass]="cardHighlightingClass(wp)">
diff --git a/frontend/src/app/components/wp-card-view/wp-card-view.component.sass b/frontend/src/app/components/wp-card-view/wp-card-view.component.sass
index 730a1f986f..ff95f9150c 100644
--- a/frontend/src/app/components/wp-card-view/wp-card-view.component.sass
+++ b/frontend/src/app/components/wp-card-view/wp-card-view.component.sass
@@ -19,7 +19,7 @@
   width: 100%
   border: 1px solid var(--widget-box-block-border-color)
   border-radius: 2px
-  padding: 10px 12px 10px 10px
+  padding: 10px
   margin-top: 10px
   position: relative
   box-shadow: 1px 1px 3px 0px lightgrey
@@ -29,6 +29,8 @@
   &:hover
     box-shadow: 0px 0px 10px lightgrey
 
+  &.-new
+    padding-right: 25px
 
 .wp-card--content:not(.-new)
   display: grid
@@ -52,8 +54,8 @@
     grid-area: avatar
     place-self: center left
   .wp-card--id
-    text-align: right
     grid-area: idlink
+    place-self: center right
   .wp-card--status
     grid-area: attributeTag
     max-width: 120px
@@ -79,7 +81,7 @@ wp-edit-field
 .wp-card--inline-cancel-button
   position: absolute
   right: 0
-  top: 4px
+  top: 5px
   opacity: 0
 
   &.-show, .wp-card:hover &