Vertically align close and kebab icons in notification drawer

Fixes openshift#2218

app/styles/_notifications.less

@@ -59,10 +59,14 @@ 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: @color-pf-black-400;
+        &:hover,&:focus,&:active {
+          color: @color-pf-black-700;
+          text-decoration: none;
+        }
       }
     }
   }

app/views/directives/notifications/notification-body.html

@@ -3,12 +3,12 @@
   tabindex="0"
   ng-click="$ctrl.customScope.markRead(notification)">
   <a
-    class="pull-right"
+    class="pull-right drawer-pf-notification-close"
     href=""
     ng-if="!notification.actions.length"
     ng-click="$ctrl.customScope.clear(notification, $index, notificationGroup)">
     <span class="sr-only">Clear notification</span>
-    <span aria-hidden="true" class="pull-left pficon pficon-close"></span>
+    <span aria-hidden="true" class="btn btn-link pull-left pficon pficon-close"></span>
   </a>
   <div
     uib-dropdown

dist/scripts/templates.js

@@ -7717,9 +7717,9 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
 
   $templateCache.put('views/directives/notifications/notification-body.html',
     "<div class=\"drawer-pf-notification-inner\" tabindex=\"0\" ng-click=\"$ctrl.customScope.markRead(notification)\">\n" +
-    "<a class=\"pull-right\" href=\"\" ng-if=\"!notification.actions.length\" ng-click=\"$ctrl.customScope.clear(notification, $index, notificationGroup)\">\n" +
+    "<a class=\"pull-right drawer-pf-notification-close\" href=\"\" ng-if=\"!notification.actions.length\" ng-click=\"$ctrl.customScope.clear(notification, $index, notificationGroup)\">\n" +
     "<span class=\"sr-only\">Clear notification</span>\n" +
-    "<span aria-hidden=\"true\" class=\"pull-left pficon pficon-close\"></span>\n" +
+    "<span aria-hidden=\"true\" class=\"btn btn-link pull-left pficon pficon-close\"></span>\n" +
     "</a>\n" +
     "<div uib-dropdown class=\"dropdown pull-right dropdown-kebab-pf\" ng-if=\"notification.actions.length\">\n" +
     "<button uib-dropdown-toggle class=\"btn btn-link dropdown-toggle\" type=\"button\" id=\"dropdownKebabRight-{{$id}}\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"true\">\n" +