Avoid type select field to overlap closing icon

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)">

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 &