WIP: style adjustments for radial menu operations icons

css/app.css

@@ -2908,23 +2908,28 @@ div.full-screen > button:hover {
     stroke-opacity: 0.5;
 }
 
-.radial-menu-item {
+.radial-menu-item circle {
     fill: white;
 }
 
-.radial-menu-item:hover {
-    fill: #ececec;
+.radial-menu-item circle:active,
+.radial-menu-item circle:hover {
+    fill: #eaeaea;
 }
 
-.radial-menu-item:active {
-    fill: #ececec;
-}
-
-.radial-menu-item.disabled {
+.radial-menu-item.disabled circle {
     cursor: auto;
     fill: rgba(255,255,255,.5);
 }
 
+.radial-menu-item.enabled use {
+    fill: #222;
+}
+
+.radial-menu-item.disabled use {
+    fill: rgba(32,32,32,.5);
+}
+
 .lasso-box {
     fill-opacity:0.1;
     stroke: #fff;

css/map.css

@@ -21,11 +21,17 @@ img.tile-removing {
     opacity: 0;
 }
 
-/* base styles */
-path { fill: none; }
+/* allow overrideable fill for svg sprite icons */
 #defs path { fill: inherit; }
+
+path { fill: none; }
 use { pointer-events: none; }
 
+/* base styles */
+g.line path, g.area path {
+    fill: none;
+}
+
 g.point .shadow,
 g.vertex .shadow,
 g.midpoint .shadow {