.single-notification.alert { position: relative; } .hide-notification { right: 1rem; position: absolute; } .alert.raw { padding: 0 !important; } #admin-dashboard { #notifications { .admin-block { padding: 1rem 0; } li { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } } } .dashboard-notifications-container, .plugins-notifications-container, .themes-notifications-container { margin: 2rem 0 2rem 0; .raw { position: relative; .hide-notification { position: absolute; top: 5px; right: 5px; line-height: 1; font-size: 1.2rem; color: #333; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; } } &:empty { margin: 0; } } #admin-main { .content-padding { div[class*=notifications-container] .alert { a:hover { text-decoration: underline; } a.button, span.button, button.button { float: right; text-decoration: none; } } .top-notifications-container { .alert { a { cursor: pointer; } } @include breakpoint(mobile-only) { padding-bottom: 20px; } } } #notifications { td:last-child { position: relative; span { position: absolute; display: block; right: 2rem; top: 6px; } } .badge.alert { margin: 0; font-size: 0.7rem; text-transform: uppercase; margin-right: 5px; border-radius: 4px; vertical-align: middle; line-height: 1.7; i { margin-right: 3px; } } } }