snapify the schedule! :D

app/views/schedules/_event.html.haml

@@ -1,5 +1,7 @@
 .panel.panel-default.event-panel{ onClick: 'eventClicked(event, this);', "data-url" => "#{url_for(conference_program_proposal_path(@conference.short_title, event.id))}" }
-  .panel-heading{ style: event.track&.color && "background-color: #{event.track.color}; color: #{ contrast_color(event.track.color) }" }
+  - header_color = event.track&.color || '#f5f5f5'
+  .trapezoid{style: "color: white; top: 12px; z-index: 100;"}
+  .panel-heading{ style: "background-color: #{header_color}; color: #{ contrast_color(header_color) }; border-radius: 4px" }
     - event.speakers_ordered.each do |speaker|
       = image_tag speaker.profile_picture, class: "img-circle pull-right",  alt: speaker.name, style: "padding: 2px;"
 
@@ -12,6 +14,7 @@
       %br
       %small
         = event.subtitle
+  .trapezoid{style: "color: #{header_color}; top: 12px;"}
   .panel-body
     %h4
       - if(event.speakers.any?)