Add attendee role to checkins table

Also sets specific width percentages for the checkins table rows
to avoid ugliness when 'Un-check in' button pops in

app/assets/stylesheets/_checkins.css.scss

@@ -1,11 +1,17 @@
-table.checkins tbody td {
-  img {
-    margin-right: 10px;
-  }
+table.checkins {
+  th.checkins-name { width: 50%; }
+  th.checkins-role { width: 20%; }
+  th.checkins-action { width: 30%; }
+
+  tbody td {
+    img {
+      margin-right: 10px;
+    }
 
-  vertical-align: middle;
+    vertical-align: middle;
 
-  form {
-    margin: 0;
+    form {
+      margin: 0;
+    }
   }
 }

app/views/checkins/index.html.erb

@@ -4,15 +4,17 @@
 <h3>Total check-ins for this session: <span id='checked_in_count'><%= @rsvp_sessions.where(:checked_in=>true).length %></span></h3>
 <table class="table table-striped table-bordered table-condensed checkins">
   <tr>
-    <th>Name</th>
-    <th>Checked In?</th>
+    <th class='checkins-name'>Name</th>
+    <th class='checkins-role'>Role</th>
+    <th class='checkins-action'>Checked In?</th>
   </tr>
   <% @rsvp_sessions.each do |rsvp_session| %>
     <tr>
       <td>
         <%= render 'shared/viewed_gravatars', :email => rsvp_session.rsvp.user.email %>
         <%= rsvp_session.user_full_name %>
       </td>
+      <td><%= rsvp_session.rsvp.role.title %></td>
       <td id="rsvp_session_<%= rsvp_session.id %>">
         <% destroy_id = "destroy_rsvp_session_#{rsvp_session.id}" %>
         <% create_id = "create_rsvp_session_#{rsvp_session.id}" %>