Update styling in the entity issues list

css/80_app.css

@@ -2838,20 +2838,26 @@ div.full-screen > button:hover {
     color: inherit;
 }
 
-.issue.severity-warning {
+.issue.severity-warning,
+.issue.severity-warning button {
     background: #ffb;
 }
-.issue.severity-warning:hover {
+.issue.severity-warning:hover,
+.issue.severity-warning button:hover,
+.issue.severity-warning button:focus {
     background: #FFFF99;
 }
 .issue.severity-warning .icon {
     color: #FFB300
 }
 
-.issue.severity-error {
+.issue.severity-error,
+.issue.severity-error button {
     background: #FFD5D4;
 }
-.issue.severity-error:hover {
+.issue.severity-error:hover,
+.issue.severity-error button:hover,
+.issue.severity-error button:focus {
     background: #ffc9c7;
 }
 .issue.severity-error .icon {
@@ -2868,13 +2874,19 @@ div.full-screen > button:hover {
     border-radius: 4px;
     border-width: 1px;
     border-style: solid;
+}
+.entity-issues .issue .label {
     padding: 5px;
+    display: flex;
+    height: auto;
+    width: 100%;
+    text-align: inherit;
 }
 .entity-issues .issue.severity-warning {
     border-color: #FFDF5C;
 }
 .entity-issues .issue.severity-error {
-    border-color: #f59c90;
+    border-color: #f5b0ab;
 }
 .entity-issues .issue:first-of-type {
     margin-top: 5px;

modules/ui/entity_issues.js

@@ -53,7 +53,8 @@ export function uiEntityIssues(context) {
             });
 
         var label = enter
-            .append('label');
+            .append('button')
+            .classed('label', true);
 
         label.each(function(d) {
             var iconSuffix = d.severity === 'warning' ? 'alert' : 'error';
@@ -66,6 +67,7 @@ export function uiEntityIssues(context) {
 
         label
             .append('span')
+            .append('strong')
             .text(function(d) { return d.message; });
 
         // Update