[webui] simplify header setup so the breadcrump is not jumping

src/webui/app/assets/stylesheets/style.scss

@@ -390,3 +390,9 @@ $icons-sprite-dimensions:true;
  background: sprite($icons-sprites, note_delete) no-repeat !important;
  @include sprite-dimensions($icons-sprites, note_delete);
 }
+
+#breadcrump .icons-home_grey {
+  float: left;
+  margin-right: 5px;
+}
+

src/webui/app/views/layouts/_watch_and_search.html.erb

@@ -34,7 +34,7 @@
 
 <%= form_tag({:controller => 'search', :action => 'search'}, {:method => :post, :id => "global-search-form", :class => "label-overlay"}) do -%>
   <div style="display: inline">
-    <label for="search">Search</label>
+    <label for="search" class="hidden">Search</label>
     <%= text_field_tag 'search_text', '', :id => 'search'-%>
     <input type="submit" value="Search" class="hidden" />
   </div>

src/webui/app/views/main/_feeds.html.erb

@@ -1,8 +1,8 @@
 <div class="box box-shadow">
   <h2 class="box-header">Feeds</h2>
   <ul class="feedbox">
-    <li><%= image_tag('feeds.png') %> <%= link_to 'Commits in openSUSE:Factory', 'https://hermes.opensuse.org/feeds/25549.rdf' %></li>
-    <li><%= image_tag('feeds.png') %> <%= link_to 'New projects created', 'https://hermes.opensuse.org/feeds/25546.rdf' %></li>
-    <li><%= image_tag('feeds.png') %> <%= link_to 'New packages created', 'https://hermes.opensuse.org/feeds/25545.rdf' %></li>
+    <li><%= sprite_tag('feeds') + link_to('Commits in openSUSE:Factory', 'https://hermes.opensuse.org/feeds/25549.rdf') %></li>
+    <li><%= sprite_tag('feeds') + link_to('New projects created', 'https://hermes.opensuse.org/feeds/25546.rdf') %></li>
+    <li><%= sprite_tag('feeds') + link_to('New packages created', 'https://hermes.opensuse.org/feeds/25545.rdf') %></li>
   </ul>
 </div>

src/webui/app/views/main/_latest_updates.erb

@@ -5,7 +5,7 @@
 <div class="box box-shadow">
   <h2 class="box-header">
     Latest Updates
-    <%= link_to(image_tag('feeds.png', :title => 'RSS Feed', :class => 'alignright'), :action => 'latest_updates', :format => 'rss') %>
+    <%= link_to('', { :action => 'latest_updates', :format => 'rss'}, { class: "alignright icons-feeds", title: "RSS Feed" }) %>
   </h2>
   <table>
     <tbody>

src/webui/app/views/main/_news.html.erb

@@ -6,7 +6,7 @@
   <div class="box box-shadow">
     <h2 class="box-header">
       News
-      <%= link_to('', { :title => 'RSS Feed', :action => 'news', :format => 'rss'}, { class: 'alignright icons-feeds' }) %>
+      <%= link_to('', { :action => 'news', :format => 'rss'}, { class: 'alignright icons-feeds', title: "RSS Feed" }) %>
     </h2>
     <% if @news.count.to_i > 0 %>
       <table id="messages">

src/webui/app/views/main/index.html.erb

@@ -30,7 +30,7 @@
   <%= render :partial => 'news' %>
 
   <div id="workerstatus_placeholder"></div>
-  <%= javascript_tag do %>
+  <% content_for :ready_function do %>
     $.ajax({
       url: '<%= url_for(:controller => 'main', :action => 'systemstatus') %>',
       success: function(data) { $('#workerstatus_placeholder').html(data); }

src/webui/app/views/vendor/bento/layouts/application.html.erb

@@ -22,12 +22,12 @@
       <%= yield :head_javascript %>
       var _paq = _paq || [];
       $(function() {
+        <%= yield :ready_function %>
         <% if CONFIG['theme'] == 'bento' %>
           callPiwik();  
         <% else %>
           setup_favorites();
         <% end %>
-        <%= yield :ready_function %>
       });
     <% end %>
     <%= csrf_meta_tag %>
@@ -37,7 +37,7 @@
 
     <div id="subheader" class="container_16">
       <div id="breadcrump" class="grid_10 alpha">
-        <%= image_tag( "home_grey.png" ) %><%= link_to "#{@configuration ? @configuration['title'] : 'Open Build Service'}", :controller => 'main', :action => :index %>
+        <%= sprite_tag( "home_grey" ) %><%= link_to "#{@configuration ? @configuration['title'] : 'Open Build Service'}", :controller => 'main', :action => :index %>
         <% if @crumb_list %>
           <% @crumb_list.each do |link| %>
             &gt;
@@ -59,15 +59,16 @@
     <div id="dialog_wrapper" style="display: none"></div>
 
     <!-- Start: Main Content Area -->
-    <div id="content" class="container_16 content-wrapper">
+    <div id="content"><div class="container_16 content-wrapper">
+
       <% if @layouttype == "custom" %>
         <%= content_for?(:content) ? yield(:content) : yield %>
       <% else %>
         <div class="grid_16 box box-shadow alpha omega">
           <%= content_for?(:content) ? yield(:content) : yield %>
         </div>
       <% end %>
-    </div>
+    </div></div>
     <!-- End: Main Content Area -->
 
     <div style="clear: both;"></div>

src/webui/script/update_bento.sh

@@ -88,7 +88,7 @@ copy $themedir/bento/images/icons/user_delete.png ./app/assets/icons/user_delete
 copy $themedir/bento/images/icons/user_edit.png ./app/assets/icons/user_edit.png
 copy $themedir/bento/images/icons/user_green.png ./app/assets/icons/user_green.png
 copy $themedir/bento/images/icons/help.png ./app/assets/icons/help.png
-copy $themedir/bento/images/home_grey.png ./app/assets/images/home_grey.png
+copy $themedir/bento/images/home_grey.png ./app/assets/icons/home_grey.png
 copy $themedir/bento/images/sponsors/sponsor_suse.png ./app/assets/icons/sponsor_suse.png
 copy $themedir/bento/images/sponsors/sponsor_amd.png ./app/assets/icons/sponsor_amd.png
 copy $themedir/bento/images/sponsors/sponsor_b1-systems.png ./app/assets/icons/sponsor_b1-systems.png