Move reasons closer to the avatars and change styling of reason count a bit

pull/9556/head
Henriette Darge 3 years ago
parent 0f30383351
commit c825667344
  1. 12
      frontend/src/app/features/in-app-notifications/entry/in-app-notification-entry.component.sass

@ -30,7 +30,7 @@ $subject-font-size: 14px
display: grid display: grid
grid-template-columns: 50px 1fr 200px 15% 15% grid-template-columns: 50px 1fr 200px 15% 15%
grid-template-rows: auto $subject-font-size 1fr grid-template-rows: auto $subject-font-size 1fr
grid-template-areas: "project project project project project" "title title status date buttons" "actor actor reason reason reason" grid-template-areas: "project project project project project" "title title status date buttons" "actor reason reason reason reason"
grid-gap: 0.5rem grid-gap: 0.5rem
align-items: center align-items: center
@ -77,14 +77,10 @@ $subject-font-size: 14px
&--reason-count &--reason-count
background: #7f7f7f background: #7f7f7f
color: white color: white
border-radius: 12px border-radius: 10px
font-size: 12px font-size: 10px
line-height: 12px padding: 2px 5px
font-weight: bold font-weight: bold
height: 16px
min-width: 14px
padding: 0px 3px 0 3px
text-align: center
&--title &--title
grid-area: title grid-area: title

Loading…
Cancel
Save