Fix color changing on hover on non-link notifications

IMHO it was really strange to change the color on hover when the element
isn't interactive.

app/assets/stylesheets/layout.scss

@@ -1375,16 +1375,20 @@ form {
     }
   }
 
+  .notification-link {
+    color: inherit;
+
+    &:hover {
+      color: $link;
+    }
+  }
+
   &:hover {
 
     a {
       text-decoration: none;
     }
 
-    p:not(.time) {
-      color: $link;
-    }
-
     &::before {
       content: "\43";
     }
@@ -1405,7 +1409,6 @@ form {
   }
 
   p {
-    color: $text;
     margin-bottom: 0;
     max-width: 80%;
   }

app/views/notifications/_notification.html.erb

@@ -5,7 +5,7 @@
                   title: notification.notifiable_title,
                   body: notification.notifiable_body } %>
     <% link_text = render "/notifications/notification_body", locals %>
-    <%= link_to_if notification.link.present?, link_text, notification.link %>
+    <%= link_to_if notification.link.present?, link_text, notification.link, class: "notification-link" %>
   <% else %>
     <p>
       <strong>