diff --git a/app/views/schedules/_event.html.haml b/app/views/schedules/_event.html.haml
index 7d2102d3..27f7ade2 100644
--- a/app/views/schedules/_event.html.haml
+++ b/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?)