anchor.diff:      
       #map { height: 580px; }
       
  -    .title {
  +    p.title {
         font-size: 15px;
         line-height: 15px;
         font-weight: bolder;
  +      margin: 0px;
  +      padding: 0px;
       }
   
       .container {
  
positive.code:       /* Margin bottom by footer height */
        margin-bottom: 60px;
      }
      #footer {
        position: absolute;
        bottom: 0;
  
negative.code:         
          <% images.each do |image| %>
          var marker = L.marker([<%= image.location['latitude'] %>, <%= image.location['longitude'] %>]).addTo(map);
          marker.bindPopup("<p class='title'><%= image.user['username'] %></p><br /><a href='<%= image.data['link'] %>' %><img src=<%= image.images['thumbnail']['url'] %> height='150px' width='150px'></a>");
          <% end %>
        </script>
      </div>
  
  
      <div id="footer">
        <div class="container">
  