Fix small cursor bugs

css/context-menu.css

@@ -19,7 +19,6 @@
     padding: 0;
     margin: 0;
     border: 1px solid #a7a394;
-    cursor: default;
     box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
 }
 

css/playlist-window.css

@@ -65,7 +65,6 @@
 #webamp .playlist-tracks {
     display: flex;
     flex: 1 0 auto;
-    cursor: default;
 }
 
 #webamp .playlist-tracks .track-cell {

js/components/Skin.js

@@ -117,7 +117,13 @@ const Skin = props => {
     if (cursorUrl) {
       cursorSelectors[cursorName].forEach(selector => {
         cssRules.push(
-          `${CSS_PREFIX} ${selector} {cursor: url(${cursorUrl}), auto}`
+          `${
+            // TODO: Fix this hack
+            // Maybe our CSS name spacing should be based on some other class/id
+            // than the one we use for defining the main div.
+            // That way it could be shared by both the player and the context menu.
+            selector.startsWith("#webamp-context-menu") ? "" : CSS_PREFIX
+          } ${selector} {cursor: url(${cursorUrl}), auto}`
         );
       });
     }

js/skinSelectors.js

@@ -337,11 +337,12 @@ export const cursorSelectors = {
     "#equalizer-window.shade",
     "#equalizer-window.shade input"
   ],
-  MAINMENU: ["#main-window #option"],
+  MAINMENU: ["#main-window #option", "#webamp-context-menu .context-menu"],
   MIN: ["#main-window #minimize"],
   NORMAL: [
     // Use this as the default cursor.
     ".window",
+    ".window input", // Otherwise
     "#main-window",
     "#main-window.shade #title-bar"
   ],
@@ -367,7 +368,7 @@ export const cursorSelectors = {
   PVSCROLL: ["#playlist-window .playlist-scrollbar"],
   SONGNAME: ["#main-window #marquee"],
   TITLEBAR: ["#main-window #title-bar"],
-  VOLBAL: ["#volume", "#balance"],
+  VOLBAL: ["#volume", "#volume input", "#balance"],
   WINBUT: ["#main-window #shade"],
   WSNORMAL: ["#main-window.shade #title-bar"],
   WSPOSBAR: ["#main-window.shade #position"]