diff --git a/public/css/style.less b/public/css/style.less
index 51c67e4..0d515fc 100644
--- a/public/css/style.less
+++ b/public/css/style.less
@@ -43,7 +43,7 @@ header {
top:81px;
right:10px;
width:200px;
- height:125px;
+ height:325px;
background:rgba(255,255,255,0.8);
box-shadow:0 0 5px rgba(0,0,0,.5);
border-radius:5px;
diff --git a/public/js/counties-overlay.js b/public/js/counties-overlay.js
index 2e10a8f..6321d6f 100644
--- a/public/js/counties-overlay.js
+++ b/public/js/counties-overlay.js
@@ -22,7 +22,12 @@ function addOverlay(house) {
.attr('data-name', function(d){ return d.properties.name })
.on('mouseover',function(d){
$("#mouseinfo").html(d.properties.name + "
" +
- "# Contributions: " + layer_data[d.properties.district]["nocontributions"]);
+ "$/eligible: " + layer_data[d.properties.district]["moneypereligiblevoter"] + "
" +
+ "# Contributions: " + layer_data[d.properties.district]["nocontributions"] + "
" +
+ "Total $ spent: " + layer_data[d.properties.district]["totalmoneyspent"] + "
" +
+ "Votes/eligible: " + layer_data[d.properties.district]["votespereligible"] + "
" +
+ "Votes/registered: " + layer_data[d.properties.district]["votesperregistered"]
+ );
});
map.on("viewreset", reset);