Changed cursor to pointer when hovering on list item

Author: nchuynh

minerva_analysis/client/src/css/main.css

@@ -170,6 +170,10 @@ body {
     margin-left: 33px;
 }
 
+.list-button {
+    cursor: pointer;
+}
+
 .auto-loading {
     opacity: 50%;
 }
@@ -471,6 +475,7 @@ label {
     margin-top: 3px;
     margin-right: 20px;
     color: orange;
+    cursor: pointer;
 }
 
 .lasso_polygon {

minerva_analysis/client/src/js/views/channelList.js

@@ -219,6 +219,7 @@ class ChannelList {
 
             let channelName = document.createElement("span");
             channelName.classList.add("channel-name");
+            channelName.classList.add("list-button");
             channelName.textContent = column;
             nameCol.appendChild(channelName);
 

minerva_analysis/client/src/js/views/csvGatingList.js

@@ -143,6 +143,7 @@ class CSVGatingList {
 
             let gatingName = document.createElement("span");
             gatingName.classList.add('gating-name');
+            gatingName.classList.add('list-button');
             gatingName.textContent = column;
             nameCol.appendChild(gatingName);
             listItemParentDiv.addEventListener("click", e => {

minerva_analysis/client/src/js/views/imageViewer.js

@@ -593,7 +593,7 @@ class ImageViewer {
         $('#gating_list_ul').prepend("<div id="+id_polygon_selection+" "+
             "class='list-group-item container gating-list-content' " +
             "style='color: orange; border-bottom: 1px solid rgba(255, 255, 255, 0.5);'>" +
-            "Lasso Selection" +
+            "<span class='list-button'> Lasso Selection </span>" +
             "<button id="+id_polygon_delete+" class='btn_lasso_delete'>x</button>" +
             "</div>"
         );