Use touch targets for notes, fix a few bugs with note dragging

(closes #5213)

css/20_map.css

@@ -31,7 +31,9 @@
 
 
 /* No interactivity except what we specifically allow */
-.layer-osm * {
+.data-layer.osm *,
+.data-layer.notes *,
+.data-layer.keepRight * {
     pointer-events: none;
 }
 
@@ -42,6 +44,7 @@
 
 /* `.target` objects are interactive */
 /* They can be picked up, clicked, hovered, or things can connect to them */
+.note.target,
 .node.target,
 .turn .target {
     pointer-events: fill;
@@ -78,7 +81,7 @@
 /* NOTE: when more QA layers are added, replace kr_error with generic QA layer selector */
 /* points, notes & QA */
 
-/* points & notes */
+/* points, notes, markers */
 g.kr_error .stroke,
 g.note .stroke {
     stroke: #222;
@@ -110,9 +113,7 @@ g.note .shadow {
     stroke-opacity: 0;
 }
 
-g.kr_error.related:not(.selected) .shadow,
 g.kr_error.hover:not(.selected) .shadow,
-g.note.related:not(.selected) .shadow,
 g.note.hover:not(.selected) .shadow,
 g.point.related:not(.selected) .shadow,
 g.point.hover:not(.selected) .shadow {