- classes = [match.league.slug]
- classes << 'live' if match.stream_url
- classes << 'games' if match.vod_urls.any?
- classes << 'spoiler' if match.spoiler?
- classes.push(match.team_1.acronym, match.team_2.acronym) if match.team?
- classes.push(match.player_1.name, match.player_2.name) if match.single?

.match.clearfix{class: classes.join(' '), data: { stream_url: match.stream_url }}
  .data.league-name= match.league.name
  .data.vs<
    - if match.team?
      = match.team_1.acronym
      %span.logo{class: match.team_1.slug}>
      %span.middle< v
      %span.logo{class: match.team_2.slug}>
      = match.team_2.acronym
    - if match.single?
      = match.player_1.name
      %span.middle< v
      = match.player_2.name
  .data.time{data: { value: match.rtime.iso8601 }}
  - if match.stream_url
    %a.data.live-banner{href: match.stream_url, target: '_blank'} WATCH LIVE NOW ➔
  - if match.vod_urls.any?
    != partial('vods', { vod_urls: match.vod_urls })
- classes = [match.league.slug]
- classes << 'live' if match.stream_url
- classes << 'games' if match.vod_urls.any?
- classes << 'spoiler' if match.spoiler?
- classes.push(match.team_1.acronym, match.team_2.acronym) if match.team?
- classes.push(match.player_1.name, match.player_2.name) if match.single?

.match.clearfix{class: classes.join(' '), data: { stream_url: match.stream_url }}
  .data.league-name= match.league.name
  .data.vs<
    - if match.team?
      = match.team_1.acronym
      %span.logo{class: match.team_1.slug}>
      %span.middle< v
      %span.logo{class: match.team_2.slug}>
      = match.team_2.acronym
    - if match.single?
      = match.player_1.name
      %span.middle> v
      = match.player_2.name
  .data.time{data: { value: match.rtime.iso8601 }}
  - if match.stream_url
    %a.data.live-banner{href: match.stream_url, target: '_blank'} WATCH LIVE NOW ➔
  - if match.vod_urls.any?
    != partial('vods', { vod_urls: match.vod_urls })
Remove whitespace around player names as well
Remove whitespace around player names as well
