From 3dc0361dc89351ab04586d26f3542c3e2864839a Mon Sep 17 00:00:00 2001
From: Quincy Morgan <quincy.morgan@icloud.com>
Date: Wed, 22 Jan 2020 12:43:24 -0500
Subject: [PATCH] Add improved "zoom to" icon

---
 css/80_app.css                          | 4 ++++
 modules/ui/raw_member_editor.js         | 2 +-
 svg/iD-sprite/icons/icon-framed-dot.svg | 5 +++++
 3 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 svg/iD-sprite/icons/icon-framed-dot.svg

diff --git a/css/80_app.css b/css/80_app.css
index f0ae36690..4050d7d6c 100644
--- a/css/80_app.css
+++ b/css/80_app.css
@@ -386,6 +386,10 @@ button[disabled].action:hover {
     height: 20px;
 }
 
+.icon.monochrome use {
+    fill: currentColor;
+}
+
 .icon.inline {
     vertical-align: text-top;
     width: 14px;
diff --git a/modules/ui/raw_member_editor.js b/modules/ui/raw_member_editor.js
index 0e4b3c71c..67d27c282 100644
--- a/modules/ui/raw_member_editor.js
+++ b/modules/ui/raw_member_editor.js
@@ -173,7 +173,7 @@ export function uiRawMemberEditor(context) {
                         .append('button')
                         .attr('class', 'member-zoom')
                         .attr('title', t('icons.zoom_to'))
-                        .call(svgIcon('#iD-icon-geolocate'))
+                        .call(svgIcon('#iD-icon-framed-dot', 'monochrome'))
                         .on('click', zoomToMember);
 
                 } else {
diff --git a/svg/iD-sprite/icons/icon-framed-dot.svg b/svg/iD-sprite/icons/icon-framed-dot.svg
new file mode 100644
index 000000000..db123af6f
--- /dev/null
+++ b/svg/iD-sprite/icons/icon-framed-dot.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path d="M4,4 L4,7 C4,7.55228475 3.55228475,8 3,8 C2.44771525,8 2,7.55228475 2,7 L2,3 C2,2.44771525 2.44771525,2 3,2 L7,2 C7.55228475,2 8,2.44771525 8,3 C8,3.55228475 7.55228475,4 7,4 L4,4 Z M4,16 L7,16 C7.55228475,16 8,16.4477153 8,17 C8,17.5522847 7.55228475,18 7,18 L3,18 C2.44771525,18 2,17.5522847 2,17 L2,13 C2,12.4477153 2.44771525,12 3,12 C3.55228475,12 4,12.4477153 4,13 L4,16 Z M18,3 L18,7 C18,7.55228475 17.5522847,8 17,8 C16.4477153,8 16,7.55228475 16,7 L16,4 L13,4 C12.4477153,4 12,3.55228475 12,3 C12,2.44771525 12.4477153,2 13,2 L17,2 C17.5522847,2 18,2.44771525 18,3 Z M16,16 L16,13 C16,12.4477153 16.4477153,12 17,12 C17.5522847,12 18,12.4477153 18,13 L18,17 C18,17.5522847 17.5522847,18 17,18 L13,18 C12.4477153,18 12,17.5522847 12,17 C12,16.4477153 12.4477153,16 13,16 L16,16 Z" fill="currentColor"></path>
+    <path d="M10,7 C11.6568542,7 13,8.34314575 13,10 C13,11.6568542 11.6568542,13 10,13 C8.34314575,13 7,11.6568542 7,10 C7,8.34314575 8.34314575,7 10,7 Z" fill="inherit"></path>
+</svg>