From b24256973f22cc6a3bb5cb22eb7271736bc991f5 Mon Sep 17 00:00:00 2001
From: Quincy Morgan <quincy.morgan@icloud.com>
Date: Sat, 13 Oct 2018 23:04:35 -0700
Subject: [PATCH] Makes relation members highlighted via hovering on list items
 more prominent

---
 css/20_map.css                  | 12 ++++++++++++
 modules/ui/raw_member_editor.js |  4 ++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/css/20_map.css b/css/20_map.css
index 13c72a12b..def29ff99 100644
--- a/css/20_map.css
+++ b/css/20_map.css
@@ -265,6 +265,18 @@ text.point {
     opacity: 0.8;
 }
 
+/* Highlighting */
+
+g.point.highlighted .shadow,
+path.shadow.highlighted {
+    stroke-opacity: 0.95;
+    stroke: #7092ff;
+}
+g.vertex.highlighted .shadow {
+    stroke-width: 7;
+    stroke-opacity: 0.95;
+    stroke: #7092ff;
+}
 
 /* Turn Restrictions */
 
diff --git a/modules/ui/raw_member_editor.js b/modules/ui/raw_member_editor.js
index f86fb403a..86224afc6 100644
--- a/modules/ui/raw_member_editor.js
+++ b/modules/ui/raw_member_editor.js
@@ -126,10 +126,10 @@ export function uiRawMemberEditor(context) {
                         // highlight the member feature in the map while hovering on the list item
                         var selectorPrefix = d.type === 'node' ? 'g.' : 'path.';
                         d3_select(this).on('mouseover', function() {
-                            context.surface().selectAll(selectorPrefix+d.id).classed('related', true);
+                            context.surface().selectAll(selectorPrefix+d.id).classed('highlighted', true);
                         });
                         d3_select(this).on('mouseout', function() {
-                            context.surface().selectAll(selectorPrefix+d.id).classed('related', false);
+                            context.surface().selectAll(selectorPrefix+d.id).classed('highlighted', false);
                         });
 
                         var label = d3_select(this).append('label')