Use widget box styles on project overview

app/views/projects/_members_box.html.erb

@@ -28,8 +28,11 @@ See doc/COPYRIGHT.rdoc for more details.
 ++#%>
 
 <% if @users_by_role.any? %>
-  <div class="members content-box">
-    <h3><%=l(:label_member_plural)%></h3>
+  <div class="members widget-box">
+    <h3 class="widget-box--header">
+      <span class="icon-context icon-group"></span>
+      <span class="widget-box--header-title"><%=l(:label_member_plural)%></span>
+    </h3>
     <p>
       <% @users_by_role.sort.each do |role, users| %>
         <%= role %>: <%= users.sort.collect{ |u| link_to_user u }.join(", ").html_safe %><br />

app/views/projects/show.html.erb

@@ -32,7 +32,7 @@ See doc/COPYRIGHT.rdoc for more details.
 <% breadcrumb_paths(l(:label_overview)) %>
 
 <div class="grid-block medium-up-2">
-  <div class="grid-content">
+  <div class="grid-content widget-boxes">
     <div class="wiki" ng-non-bindable>
       <%= format_text @project.description %>
     </div>
@@ -50,8 +50,11 @@ See doc/COPYRIGHT.rdoc for more details.
       <% end %>
     </ul>
     <% if User.current.allowed_to?(:view_work_packages, @project) %>
-      <div class="issues content-box">
-        <h3><%=l(:label_work_package_tracking)%></h3>
+      <div class="issues widget-box">
+        <h3 class="widget-box--header">
+          <span class="icon-context icon-tracker"></span>
+          <span class="widget-box--header-title"><%=l(:label_work_package_tracking)%></span>
+        </h3>
         <ul>
           <% for type in @types %>
             <li><%= link_to (type.is_standard) ? l(:default_type) : h(type.name),
@@ -72,12 +75,15 @@ See doc/COPYRIGHT.rdoc for more details.
     <%= call_hook(:view_projects_show_left, project: @project) %>
   </div>
 
-  <div class="grid-content">
+  <div class="grid-content widget-boxes">
     <%= render partial: 'members_box' %>
 
     <% if @news.any? && authorize_for('news', 'index') %>
-      <div class="news content-box">
-        <h3><%=l(:label_news_latest)%></h3>
+      <div class="news widget-box">
+        <h3 class="widget-box--header">
+          <span class="icon-context icon-news"></span>
+          <span class="widget-box--header-title"><%=l(:label_news_latest)%></span>
+        </h3>
         <%= render partial: 'news/news', collection: @news %>
         <p><%= link_to l(:label_news_view_all), {controller: '/news', action: 'index', project_id: @project}, class: 'button -highlight' %></p>
       </div>