From: John Firebaugh <john.firebaugh@gmail.com>
Date: Fri, 12 Jul 2013 20:35:05 +0000 (-0700)
Subject: IE compatibility
X-Git-Tag: live~4858^2~6
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/f5f4bfd72502e4edf9b6e4d76fd012a67f6fa693

IE compatibility
---

diff --git a/app/assets/javascripts/leaflet.key.js b/app/assets/javascripts/leaflet.key.js
index d12187bc2..c5124e39d 100644
--- a/app/assets/javascripts/leaflet.key.js
+++ b/app/assets/javascripts/leaflet.key.js
@@ -16,7 +16,7 @@ L.OSM.key = function (options) {
     var $ui = $('<div>')
       .attr('class', 'key-ui');
 
-    $('<header>')
+    $('<div>')
       .attr('class', 'sidebar_heading')
       .appendTo($ui)
       .append(
@@ -29,7 +29,8 @@ L.OSM.key = function (options) {
         $('<h4>')
           .text(I18n.t('javascripts.key.title')));
 
-    var $section = $('<section>')
+    var $section = $('<div>')
+      .attr('class', 'section')
       .appendTo($ui);
 
     options.sidebar.addPane($ui);
diff --git a/app/assets/javascripts/leaflet.layers.js b/app/assets/javascripts/leaflet.layers.js
index 8bcbb701c..e5fbdf7c8 100644
--- a/app/assets/javascripts/leaflet.layers.js
+++ b/app/assets/javascripts/leaflet.layers.js
@@ -18,7 +18,7 @@ L.OSM.layers = function(options) {
     var $ui = $('<div>')
       .attr('class', 'layers-ui');
 
-    $('<header>')
+    $('<div>')
       .attr('class', 'sidebar_heading')
       .appendTo($ui)
       .append(
@@ -31,8 +31,8 @@ L.OSM.layers = function(options) {
         $('<h4>')
           .text(I18n.t('javascripts.map.layers.header')));
 
-    var baseSection = $('<section>')
-      .addClass('base-layers')
+    var baseSection = $('<div>')
+      .attr('class', 'section base-layers')
       .appendTo($ui);
 
     $('<p>')
@@ -109,8 +109,8 @@ L.OSM.layers = function(options) {
     });
 
     if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') {
-      var overlaySection = $('<section>')
-        .addClass('overlay-layers')
+      var overlaySection = $('<div>')
+        .attr('class', 'section overlay-layers')
         .appendTo($ui);
 
       $('<p>')
diff --git a/app/assets/javascripts/leaflet.share.js b/app/assets/javascripts/leaflet.share.js
index f261a9d72..b808bc435 100644
--- a/app/assets/javascripts/leaflet.share.js
+++ b/app/assets/javascripts/leaflet.share.js
@@ -16,7 +16,7 @@ L.OSM.share = function (options) {
     var $ui = $('<div>')
       .attr('class', 'share-ui');
 
-    $('<header>')
+    $('<div>')
       .attr('class', 'sidebar_heading')
       .appendTo($ui)
       .append(
@@ -29,8 +29,8 @@ L.OSM.share = function (options) {
         $('<h4>')
           .text(I18n.t('javascripts.share.title')));
 
-    var $linkSection = $('<section>')
-      .attr('class', 'share-link')
+    var $linkSection = $('<div>')
+      .attr('class', 'section share-link')
       .appendTo($ui);
 
     $('<h4>')
diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index 77d4e8458..9ba10f38b 100644
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -587,7 +587,7 @@ a.donate {
   border-left: 1px solid #CCC;
   overflow: auto;
 
-  section {
+  .section {
     border-bottom: 1px solid #DDD;
     padding: 15px;
   }