Files
notifications-admin/app/assets/stylesheets/views/users.scss
Chris Hill-Scott 3bd4f52db0 Add space between email address and edit link
It was all getting a bit cramped.
2019-02-25 15:15:00 +00:00

42 lines
674 B
SCSS

$item-top-padding: $gutter-half;
.user-list {
@include core-19;
margin-bottom: $gutter;
&-item {
padding: $item-top-padding 150px $gutter-half 0;
border-top: 1px solid $border-colour;
position: relative;
h3 {
padding-right: $gutter-half;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: $secondary-text-colour; // So the ellipsis is grey
.heading-small {
color: $black;
}
}
&:last-child {
border-bottom: 1px solid $border-colour;
}
}
&-edit-link {
text-align: right;
position: absolute;
top: $item-top-padding;
right: 0px;
}
}