Fixed icons in meeting activity view

app/assets/stylesheets/meeting/meeting.css.erb

@@ -34,19 +34,16 @@ div.tabular > div { margin: 0;
 #meeting_agenda_preview fieldset {margin-top: 1em; background: url(<%= asset_path 'draft.png' %>);}
 #meeting_minutes_preview fieldset {margin-top: 1em; background: url(<%= asset_path 'draft.png' %>);}
 
-dt.meeting {
+dt.meeting:before {
-  background-image: url(<%= asset_path 'meeting/meeting.png' %>);
+  content: "\e057";
 }
 
-dt.meeting-agenda {
+dt.meeting-agenda:before {
-  background-image: url(<%= asset_path 'meeting/agenda.png' %>);
+  content: "\e023";
 }
 
-dt.meeting-minutes {
+dt.meeting-minutes:before {
-  background-image: url(<%= asset_path 'meeting/minutes.png' %>);
+  content: "\e022";
-}
-div#activity dl.meetings dt span {
-  padding-left: 15px;
 }
 
 div.flash.notice a.link_to_profile {

app/views/meetings/index.html.erb

@@ -32,7 +32,7 @@ See doc/COPYRIGHT.md for more details.
     <h3 id="<%= date.strftime("%m-%d-%Y") %>" class="date"><%= format_activity_day(date) %></h3>
     <dl class="meetings">
     <% meetings.each do |meeting| -%>
-      <dt class="meeting" id="meeting-<%= meeting.id %>">
+      <dt class="meeting icon-context" id="meeting-<%= meeting.id %>">
         <%= avatar meeting.author, :size => "24" %>
         <span class="time"><%= format_time meeting.start_time, false %>-<%= format_time meeting.end_time, false %></span>
         <%= link_to h(meeting.title), :controller => '/meetings', :action => 'show', :id => meeting %>