X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/e657cff464b6db8384b56236ad9491223a22b1e2..17b23b075642d6bf2ba66a0448a7a7acfd2824b6:/app/views/site/_sidebar.html.erb

diff --git a/app/views/site/_sidebar.html.erb b/app/views/site/_sidebar.html.erb
index 2dbcef432..3b1b547b6 100644
--- a/app/views/site/_sidebar.html.erb
+++ b/app/views/site/_sidebar.html.erb
@@ -1,8 +1,8 @@
 <div id="sidebar">
   <table class="sidebar_title" width="100%">
     <tr>
-      <td align="left" id="sidebar_title"><% t 'site.sidebar.search_results' %></td>
-      <td align="right"><a href="javascript:closeSidebar()"><%= t 'site.sidebar.close' %></a></td>
+      <td id="sidebar_title"><% t 'site.sidebar.search_results' %></td>
+      <td id="sidebar_close"><a href="javascript:closeSidebar()"><%= t 'site.sidebar.close' %></a></td>
     </tr>
   </table>
   <div id="sidebar_content">
@@ -21,12 +21,12 @@
        onclose = null;
     }
 
-    if (options.title) { $("sidebar_title").innerHTML = options.title; }
+    if (options.title) { $("#sidebar_title").html(options.title); }
 
-    if (options.width) { $("sidebar").style.width = options.width; }
-    else { $("sidebar").style.width = "30%"; }
+    if (options.width) { $("#sidebar").width(options.width); }
+    else { $("#sidebar").width("30%"); }
 
-    $("sidebar").style.display = "block";
+    $("#sidebar").css("display", "block");
 
     <%= onopen %>
 
@@ -34,7 +34,7 @@
   }
 
   function closeSidebar() {
-    $("sidebar").style.display = "none";
+    $("#sidebar").css("display", "none");
 
     <%= onclose %>
 
@@ -45,8 +45,8 @@
   }
 
   function updateSidebar(title, content) {
-    $("sidebar_title").innerHTML = title;
-    $("sidebar_content").innerHTML = content;
+    $("#sidebar_title").html(title);
+    $("#sidebar_content").html(content);
   }
 // -->
 </script>