clean texts a bit, highlight flyover on mouse-over

vurbanism/static/css/vurbanism.css

@@ -134,12 +134,12 @@ a img {
   box-shadow: 0px 0px 1.5em;
   }
 
-.imageWrapper .mapSelect {
+.imageWrapper .mapSelect img {
   width: 100px;
   height: 100px;
 }
 
-.videoWrapper .mapSelect {
+.videoWrapper .mapSelect img {
   width: 400px;
 }
 
@@ -147,6 +147,12 @@ a img {
   color: #141BB4;
 }
 
+.textWrapper {
+  font-family: Arial, Verdana, Georgia, sans-serif;
+  padding: 4px;
+  
+}
+
 .navContent {
   display: none;
 }

vurbanism/static/js/vurbanism.js

@@ -74,7 +74,7 @@ $(function() {
 function onFeatureSelect(f) {
   var id = f.feature.attributes.id;
 //  $('img').removeClass('mapSelect');
-  $('[data-id=' + id + ']').find('img').addClass("mapSelect");
+  $('[data-id=' + id + ']').addClass("mapSelect");
 /*
   var id = f.feature.attributes.id;
   $.getJSON("flyover", {'id': id}, function(json) {
@@ -89,7 +89,7 @@ function onFeatureSelect(f) {
 
 function onFeatureUnselect(f) {
   var id = f.feature.attributes.id;
-  $('[data-id=' + id + ']').find('img').removeClass("mapSelect");
+  $('[data-id=' + id + ']').removeClass("mapSelect");
 }
 
 //will highlight the feature id's passed in arr

vurbanism/templates/flyovers.html

@@ -47,7 +47,7 @@
   <script type="text/html" id="tmpl_texts">
 <div class="textsWrapper">
   <% for (var i=0; i<texts.length;i++) { var txt = texts[i]; %>
-    <p class="textWrapper" data-id="<%= txt.flyover.id %>">
+    <p class="textWrapper flyoverImage" data-id="<%= txt.flyover.id %>">
       <%= txt.text %>
     </p>
   <% } %>