Set infobox as closable flash callout (refs #301)

app/views/maps/show.html.haml

@@ -1,7 +1,10 @@
 - content_for(:title) { @map.title }
 
 - if @map.enable_time_slider
-  #timeline-info{:style => "background-color: #fff; padding:10px; margin-bottom: 10px;"}
+  #flash1.callout.notice{"data-closable": true}
+    %button.close-button{"aria-label": "Dismiss alert", type: "button", "data-close": true}
+      %span{"aria-hidden": "true"}
+        ×
     %h5
       Timeline (still in testing) 
       %i.fi.fi-info{"data-tooltip"=>true, :title=>"This message will only be visible during the test phase :)" }
@@ -20,10 +23,11 @@
       - if @map.marker_display_mode == 'single'
         Marker display mode is set to single ✓
       - else 
-        Marker display mode is set to cluster x  (<em>Timeline will work only with single marker display mode enabled</em>)
-    %script{:type => "text/javascript"}
-      let places_by_year = #{@places_by_year.to_json.html_safe}
-      console.log('places_by_year',places_by_year.length, places_by_year);
+        Marker display mode is set to cluster x  (<em>Timeline will work only with single marker display mode enabled</em>)          
+  
+  %script{:type => "text/javascript"}
+    let places_by_year = #{@places_by_year.to_json.html_safe}
+    console.log('places_by_year',places_by_year.length, places_by_year);
 
 
 #selection{:data => { 'url' => "/maps/#{@map.id}.json", 'map_id' => "#{@map.id}", 'map-center-lat' => "#{@map.mapcenter_lat}", 'map-center-lon' => "#{@map.mapcenter_lon}", 'map-zoom' => "#{@map.zoom}", 'map-extent-northeast' => "#{@map.northeast_corner}", 'map-extent-southwest' => "#{@map.southwest_corner}", 'map-basemap-url' => "#{@map.basemap_url}", 'map-basemap-attribution' => "#{@map.basemap_attribution}", 'map-background-color' => "#{@map.background_color}", 'map-popup-display-mode' => "#{@map.popup_display_mode}", 'map-marker_display_mode' => "#{@map.marker_display_mode}", 'map-enable_historical_maps' => "#{@map.enable_historical_maps}", 'map-enable_time_slider' => "#{@map.enable_time_slider}", 'map-timeline-minyear' => "#{@minyear}", 'map-timeline-maxyear' => "#{@maxyear}", 'map-timeline-timespan' => "#{@timespan}" }}