From a3dc0e8213cc12f211c1f92f33ae49e44d025442 Mon Sep 17 00:00:00 2001
From: Bryan Housel <bryan@mapbox.com>
Date: Mon, 23 Jul 2018 23:20:34 -0400
Subject: [PATCH] Shrink annotations, add margin between note header and
 comments

---
 css/65_data.css      |  9 +++++----
 modules/svg/notes.js | 13 ++++++-------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/css/65_data.css b/css/65_data.css
index a8367e1fe..3267a0d5c 100644
--- a/css/65_data.css
+++ b/css/65_data.css
@@ -39,14 +39,14 @@
 
 .note-header-icon .note-icon-annotation {
     position: absolute;
-    top: 21px;
-    left: 21px;
+    top: 22px;
+    left: 22px;
     margin: auto;
 }
 
 .note-header-icon .note-icon-annotation .icon {
-    width: 18px;
-    height: 18px;
+    width: 15px;
+    height: 15px;
 }
 
 
@@ -101,6 +101,7 @@
     background: #ececec;
     padding: 1px 10px;
     border-radius: 8px;
+    margin-top: 20px;
 }
 
 .comment {
diff --git a/modules/svg/notes.js b/modules/svg/notes.js
index f516922c9..3adcced5a 100644
--- a/modules/svg/notes.js
+++ b/modules/svg/notes.js
@@ -99,7 +99,7 @@ export function svgNotes(projection, context, dispatch) {
         var notesEnter = notes.enter()
             .append('g')
             .attr('class', function(d) { return 'note note-' + d.id + ' ' + d.status; })
-            .classed('new', function(d){ return d.id < 0; });
+            .classed('new', function(d) { return d.id < 0; });
 
         notesEnter
             .append('path')
@@ -122,16 +122,15 @@ export function svgNotes(projection, context, dispatch) {
             .attr('y', '-22px')
             .attr('xlink:href', '#iD-icon-note');
 
-        // add dots if there's a comment thread
         notesEnter.selectAll('.note-annotation')
             .data(function(d) { return [d]; })
             .enter()
             .append('use')
-            .attr('class', 'note-annotation thread')
-            .attr('width', '14px')
-            .attr('height', '14px')
-            .attr('x', '-5px')
-            .attr('y', '-21px')
+            .attr('class', 'note-annotation')
+            .attr('width', '10px')
+            .attr('height', '10px')
+            .attr('x', '-3px')
+            .attr('y', '-19px')
             .attr('xlink:href', function(d) {
                 return '#iD-icon-' + (d.id < 0 ? 'plus' : (d.status === 'open' ? 'close' : 'apply'));
             });