Clicking anywhere on sidebar row should fire click

mpdietz · Sep 3, 2014 · f47e027 · f47e027
1 parent b50dfdc
commit f47e027
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/assets/css/app.css b/assets/css/app.css
@@ -51,6 +51,9 @@ input[type="radio"], input[type="checkbox"] {
 .white {
   color: #FFFFFF;
 }
+.feature-row {
+  cursor: pointer;
+}
 .sidebar-wrapper {
   width: 100%;
   height: 100%;

diff --git a/assets/js/app.js b/assets/js/app.js
@@ -1,6 +1,6 @@
 var map, featureList, boroughSearch = [], theaterSearch = [], museumSearch = [];
 
-$(document).on("click", ".feature-name", function(e) {
+$(document).on("click", ".feature-row", function(e) {
   sidebarClick(parseInt($(this).attr('id')));
 });
 
@@ -263,7 +263,7 @@ var theaters = L.geoJson(null, {
           }));
         }
       });
-      $("#feature-list tbody").append('<tr style="cursor: pointer;"><td style="vertical-align: middle;"><img width="16" height="18" src="assets/img/theater.png"></td><td class="feature-name" id="'+L.stamp(layer)+'">'+layer.feature.properties.NAME+'</td><td style="vertical-align: middle;"><i class="fa fa-chevron-right pull-right"></i></td></tr>');
+      $("#feature-list tbody").append('<tr class="feature-row" id="'+L.stamp(layer)+'"><td style="vertical-align: middle;"><img width="16" height="18" src="assets/img/theater.png"></td><td class="feature-name">'+layer.feature.properties.NAME+'</td><td style="vertical-align: middle;"><i class="fa fa-chevron-right pull-right"></i></td></tr>');
       theaterSearch.push({
         name: layer.feature.properties.NAME,
         address: layer.feature.properties.ADDRESS1,
@@ -311,7 +311,7 @@ var museums = L.geoJson(null, {
           }));
         }
       });
-      $("#feature-list tbody").append('<tr style="cursor: pointer;"><td style="vertical-align: middle;"><img width="16" height="18" src="assets/img/museum.png"></td><td class="feature-name" id="'+L.stamp(layer)+'">'+layer.feature.properties.NAME+'</td><td style="vertical-align: middle;"><i class="fa fa-chevron-right pull-right"></i></td></tr>');
+      $("#feature-list tbody").append('<tr class="feature-row" id="'+L.stamp(layer)+'"><td style="vertical-align: middle;"><img width="16" height="18" src="assets/img/museum.png"></td><td class="feature-name">'+layer.feature.properties.NAME+'</td><td style="vertical-align: middle;"><i class="fa fa-chevron-right pull-right"></i></td></tr>');
       museumSearch.push({
         name: layer.feature.properties.NAME,
         address: layer.feature.properties.ADRESS1,