app/assets/stylesheets/notifications.scss
.notification {
border-top: 1px solid var(--notifications-border);
&:first-child {
border-top: none;
}
padding: 10px 0 10px 30px;
font-size: small;
li {
img {
height: 40px;
}
}
.post_user {
img {
width: 33px;
height: 33px;
border: solid 1px var(--avatar-border);
background-color: var(--avatar-background);
}
}
}
.notifications-box {
background-color: var(--notifications-background);
border: 2px solid var(--notifications-border);
border-radius: 8px;
padding: 10px;
}
.is_read_false {
background-color: var(--notifications-unread);
}
.horizontal-buttons li {
padding-right: 25px;
}
#notifications {
.list {
margin-top: 25px;
&:first-child {
margin-top: 0;
}
}
}