diff --git a/app/styles/_notifications.less b/app/styles/_notifications.less
index 307203e911..63fc290917 100644
--- a/app/styles/_notifications.less
+++ b/app/styles/_notifications.less
@@ -59,10 +59,16 @@ notification-drawer-wrapper {
}
.drawer-pf-notification-inner {
padding: 15px;
- .pficon-close {
- color: @color-pf-black-400;
- &:hover,&:focus,&:active {
- color: @color-pf-black-700;
+ .drawer-pf-notification-close {
+ margin-right: (@grid-gutter-width/(-4)); // vertically align with dropdown-kebab-pf
+ .pficon-close {
+ color: @gray-darker; // match dropdown-kebab-pf color
+ &:active,
+ &:focus,
+ &:hover
+ {
+ text-decoration: none;
+ }
}
}
}
diff --git a/app/views/directives/notifications/notification-body.html b/app/views/directives/notifications/notification-body.html
index 8746e5b1dc..c5a641fae8 100644
--- a/app/views/directives/notifications/notification-body.html
+++ b/app/views/directives/notifications/notification-body.html
@@ -2,14 +2,14 @@
class="drawer-pf-notification-inner"
tabindex="0"
ng-click="$ctrl.customScope.markRead(notification)">
-
Clear notification
-
-
+
+
\n" +
- "
\n" +
+ "\n" +
+ "
\n" +
+ "\n" +
"
\n" +
"