Buttons have apply and secondary style and icons.

assets/stylesheets/reporting.css

@@ -358,8 +358,7 @@ td:hover .drill_down, th:hover .drill_down {
   margin: 2px;
 }
 
-.buttons .apply {
-  background-color: #9a9a9a;
+.buttons .button {
   border: none;
   cursor: pointer;
   margin: 0px;
@@ -371,11 +370,23 @@ td:hover .drill_down, th:hover .drill_down {
   padding: 4px;
 }
 
+.buttons .apply {
+  background-color: #990000;
+}
+
 .buttons .apply:hover {
+  background-color: #CC0000;
+}
+
+.buttons .secondary {
+  background-color: #9a9a9a;
+}
+
+.buttons .secondary:hover {
   background-color: #666666;
 }
 
-.buttons .apply span em {
+.buttons .button span em {
   color: white;
   display: block;
   font-size: 11px;
@@ -384,9 +395,36 @@ td:hover .drill_down, th:hover .drill_down {
   line-height: 17px;
 }
 
-.buttons .apply span {
+.buttons .button span {
   display: inline-block;
-  margin: 0px;
+  margin: 3px;
+}
+
+
+.buttons .button-icon {
+  padding: 3px 5px 0 16px;
+  cursor: pointer;
+  background: no-repeat left center;
+  border-style: none;
+  display: inline-block;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.button .icon-save {
+  background-image: url(../images/disk.gif);
+}
+
+.button .icon-save-as {
+  background-image: url(../images/disks.gif);
+}
+
+.button .icon-delete {
+  background-image: url(../images/delete.gif);
+}
+
+.button .icon-clear {
+  background-image: url(../images/remove.gif);
 }
 
 div.button_form {

lib/widget/controls/clear.rb

@@ -1,5 +1,5 @@
 class Widget::Controls::Clear < Widget::Base
   def render
-    link_to l(:button_clear), '#', :id => 'query-link-clear', :class => 'icon icon-clear'
+    link_to content_tag(:span, content_tag(:em, l(:"button_clear"), :class => "button-icon icon-clear")), '#', :id => 'query-link-clear', :class => 'button secondary'
   end
 end

lib/widget/controls/delete.rb

@@ -1,8 +1,8 @@
 class Widget::Controls::Delete < Widget::Base
   def render
     return "" if @query.new_record?
-    button = link_to l(:button_delete), "#",
-          :class => 'breadcrumb_icon icon-delete',
+    button = link_to content_tag(:span, content_tag(:em, l(:button_delete), :class => "button-icon icon-delete")), "#",
+          :class => 'button secondary',
           :id => 'query-icon-delete',
           :title => l(:button_delete)
     popup = content_tag :div, :id => "delete_form", :class => "button_form" do

lib/widget/controls/save.rb

@@ -1,9 +1,9 @@
 class Widget::Controls::Save < Widget::Base
   def render
     return "" if @query.new_record?
-    link_to content_tag(:span, content_tag(:em, l(:button_save))), {},
+    link_to content_tag(:span, content_tag(:em, l(:button_save)), :class => "button-icon icon-save"), {},
       :href => "#", :id => "query-breadcrumb-save",
-      :class => "breadcrumb_icon icon-save",
+      :class => "button secondary",
       :title => l(:button_save),
       :"data-target" => url_for(:action => 'update', :id => @query.id, :set_filter => '1')
   end

lib/widget/controls/save_as.rb

@@ -7,8 +7,8 @@ class Widget::Controls::SaveAs < Widget::Base
       link_name = l(:button_save_as)
       icon = "icon-save-as"
     end
-    button = link_to link_name, "#",
-        :class => "breadcrumb_icon #{icon}",
+    button = link_to content_tag(:span, content_tag(:em, link_name, :class => "button-icon icon-save-as")), "#",
+        :class => "button secondary",
         :id => 'query-icon-save-as', :title => link_name
     button + render_popup
   end