added breathe behavior & cleaned hover/select styling on notes

css/20_map.css

@@ -65,7 +65,13 @@
 }
 
 
-/* points */
+/* points & notes */
+
+g.note .stroke {
+    stroke: #444;
+    stroke-width: 1;
+    fill: #444;
+}
 
 g.point .stroke {
     stroke: #444;
@@ -73,6 +79,13 @@ g.point .stroke {
     fill: #fff;
 }
 
+g.note .shadow {
+    fill: none;
+    stroke: #f6634f;
+    stroke-width: 8;
+    stroke-opacity: 0;
+}
+
 g.point .shadow {
     fill: none;
     stroke: #f6634f;
@@ -80,19 +93,23 @@ g.point .shadow {
     stroke-opacity: 0;
 }
 
+g.note.related:not(.selected) .shadow,
+g.note.hover:not(.selected) .shadow,
 g.point.related:not(.selected) .shadow,
 g.point.hover:not(.selected) .shadow {
     stroke-opacity: 0.5;
 }
 
+g.note.selected .shadow,
 g.point.selected .shadow {
     stroke-opacity: 0.7;
 }
 
+g.note ellipse.stroke,
 g.point ellipse.stroke {
     display: none;
 }
-
+.mode-drag-note g.note.active ellipse.stroke,
 .mode-drag-node g.point.active ellipse.stroke {
     display: block;
 }

css/65_data.css

@@ -31,14 +31,6 @@
     color: #55dd00;
     stroke: #333;
 }
-.layer-notes .note.hovered .note-fill {
-    color: #eebb00;
-    stroke: #333;
-}
-.layer-notes .note.selected .note-fill {
-    color: #ffee00;
-    stroke: #333;
-}
 
 /* slight adjustments to preset icon for note icons */
 .note-header-icon .preset-icon-28 {