diff --git a/css/80_app.css b/css/80_app.css index 893e9f158..0aff3413d 100644 --- a/css/80_app.css +++ b/css/80_app.css @@ -2825,7 +2825,9 @@ div.full-screen > button:hover { } /* Issues List */ - +.issues-list label { + padding: 5px; +} .issues-list label > span { display: inline; white-space: normal; @@ -2837,9 +2839,15 @@ div.full-screen > button:hover { .issues-list li.severity-warning { background: #ffb; } +.issues-list li.severity-warning .icon { + color: #FFB300 +} .issues-list li.severity-error { background: #FFD5D4; } +.issues-list li.severity-error .icon { + color: #DD1400 +} /* Background - Display Options Sliders ------------------------------------------------------- */ diff --git a/modules/ui/issues.js b/modules/ui/issues.js index 6edf81a4d..00d6631fb 100644 --- a/modules/ui/issues.js +++ b/modules/ui/issues.js @@ -149,12 +149,12 @@ export function uiIssues(context) { var label = enter .append('label'); - label - .call( - svgIcon(function(d) { - var iconSuffix = d.severity === 'warning' ? 'alert' : 'error'; - return '#iD-icon-'+iconSuffix; - }, 'pre-text')); + label.each(function(d) { + var iconSuffix = d.severity === 'warning' ? 'alert' : 'error'; + d3_select(this) + .call(svgIcon('#iD-icon-' + iconSuffix, 'pre-text')); + }); + /*label .append('input') .attr('type', type) diff --git a/modules/validations/disconnected_highway.js b/modules/validations/disconnected_highway.js index 5de9d585e..86a2dd0c0 100644 --- a/modules/validations/disconnected_highway.js +++ b/modules/validations/disconnected_highway.js @@ -46,7 +46,7 @@ export function validationDisconnectedHighway(context) { issues.push(new validationIssue({ type: ValidationIssueType.disconnected_highway, - severity: ValidationIssueSeverity.error, + severity: ValidationIssueSeverity.warning, message: t('validations.disconnected_highway', {entityLabel: entityLabel}), tooltip: t('validations.disconnected_highway_tooltip'), entities: [entity],