0
@@ -1,4 +1,4 @@
0
 <li id="page-<%= page.id %>">
0
-  <%= image_tag('/images/mephisto/icons/arrow3_e.gif', :class => 'iconb orange handle') %>
0
+  <span class="iconb orange handle">&nbsp;</span>
0
   <%= link_to page.title, :controller => 'articles', :action => 'edit', :id => page %>
0
 </li>
0
\ No newline at end of file

0
@@ -1,6 +1,6 @@
0
 <li id="<%= section.dom_id %>">
0
-	<%= image_tag('/images/mephisto/icons/arrow3_e.gif', :class => 'iconb orange handle') %>
0
-  <%= link_to_remote image_tag('/images/mephisto/icons/trash.gif', :class => 'iconb red'), {
0
+  <span class="iconb orange handle">&nbsp;</span>
0
+  <%= link_to_remote image_tag('/images/mephisto/icons/trash.gif', :class => 'iconb red trash'), {
0
         :url     => { :controller => 'sections', :action => 'destroy', :id => section }, 
0
         :confirm => "Are you sure?"}, 
0
         :class   => 'aicon' unless section.home? %>

0
@@ -334,16 +334,10 @@ var SectionForm = {
0
       $(container_id).className = '';
0
       link.innerHTML = 'Reorder ' + container_id;
0
       link.className = 'reorder';
0
-      document.getElementsByClassName('handle', container_id).each(function(img) {
0
-        img.src = "/images/mephisto/icons/arrow3_e.gif";
0
-      });
0
       this.saveSortable(section_id, container_id);
0
     } else {
0
       this.sortable = Sortable.create(container_id, {handle:'handle'});
0
       $(container_id).className = 'sortable';
0
-      document.getElementsByClassName('handle', container_id).each(function(img) {
0
-        img.src = "/images/mephisto/icons/reorder.gif";
0
-      });
0
       link.className = 'reordering';
0
       link.innerHTML = 'Done Reordering'
0
     }

0
@@ -546,6 +546,23 @@ input[type='text']:focus, textarea:focus {
0
   margin-right: 10px;
0
 }
0
 
0
+ul .handle {
0
+  width:16px;
0
+  line-height:16px;
0
+  margin:2px 14px 2px 0;
0
+  display:block;
0
+  float:left;
0
+  background-image: url(/images/mephisto/icons/arrow3_e.gif);
0
+}
0
+
0
+.sortable .handle {
0
+  background-image: url(/images/mephisto/icons/reorder.gif);
0
+}
0
+
0
+#sections .handle { display:none; }
0
+#sections.sortable .handle { display:block; }
0
+#sections.sortable .trash  { display:none; }
0
+
0
 a#section-home {
0
   margin-left: 29px;
0
 }