- var home = match.home, away = match.away;
- var plays = match.plays.concat(); plays.reverse();

div(data-role='page')
	div(data-role='header', data-position='fixed', data-theme='b')
		a(href='/', data-icon='home', data-iconpos='notext', data-direction='reverse') Home
		h1
			span= home.name
			span
				span= home.score
				| &nbsp;x
				span= away.score
			span= away.name

	div(data-role='content')
		.content-secondary
			div(data-role='collapsible', data-collapsed='true')
				h3 Information

				!= partial('rooster', { collection: match.teams, as: 'team' })

		.content-primary
			ul(data-role='listview', data-inset='true')
				li(data-role='list-divider') Narration
				!= partial('partials/narration', { collection: plays, as: 'play', teams: teams })

	div(data-role='footer', data-position='fixed')
		// != partial('partials/timeline', { collection: plays, as: 'play', time: match.time, home: home.acronym, away: away.acronym })

- var home = match.home, away = match.away;
- var plays = match.plays.concat(); plays.reverse();

div(data-role='page')
	div(data-role='header', data-position='fixed', data-theme='b')
		a(href='/', data-icon='home', data-iconpos='notext', data-direction='reverse') Home
		h1
			span= home.name
			span(style='margin:0 5px;')
				span= home.score
				| &nbsp;x
				span= away.score
			span= away.name

	div(data-role='content')
		.content-secondary
			div(data-role='collapsible', data-collapsed='true')
				h3 Information

				!= partial('rooster', { collection: match.teams, as: 'team' })

		.content-primary
			ul(data-role='listview', data-inset='true')
				li(data-role='list-divider') Narration
				!= partial('partials/narration', { collection: plays, as: 'play', teams: teams })

	div(data-role='footer', data-position='fixed')
		// != partial('partials/timeline', { collection: plays, as: 'play', time: match.time, home: home.acronym, away: away.acronym })

Fix match header score spacing;
Fix match header score spacing;
