From 026597017a388bb3ac07b30de0bcc227bb005fa3 Mon Sep 17 00:00:00 2001
From: Quincy Morgan <quincy.morgan@icloud.com>
Date: Thu, 20 Dec 2018 14:49:35 -0500
Subject: [PATCH] Update styling in the entity issues list

---
 css/80_app.css              | 22 +++++++++++++++++-----
 modules/ui/entity_issues.js |  4 +++-
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/css/80_app.css b/css/80_app.css
index 2b85a0db8..eeb7f744c 100644
--- a/css/80_app.css
+++ b/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;
diff --git a/modules/ui/entity_issues.js b/modules/ui/entity_issues.js
index 37d6d1c0b..e70ed8f59 100644
--- a/modules/ui/entity_issues.js
+++ b/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