 			Icon.render data: 'award4', color: '#fff', size: 30, style: {verticalAlign: 'middle'}
 			Dom.div !->
 				Dom.text 'Ranking'
-				Dom.style verticalAlign: 'middle', display: 'inline-block', marginLeft: '5px', fontSize: '15px'
+				Dom.style verticalAlign: 'middle', display: 'inline-block', marginLeft: '5px', fontSize: '13px'
 			Dom.cls 'bar-button'
 			Dom.onTap !->   
 				Page.nav 'scores'

			teamColor = Db.shared.peek('colors', team.key(), 'hex')
			teamName = Db.shared.peek('colors', team.key(), 'name')
			teamScore = Db.shared.get('game', 'teams', team.key(), 'teamScore')
			position = position + 1
			# list of teams and their scores
			expanded = Obs.create(false)
			Ui.item !->
				Dom.style
					padding: '14px'
					minHeight: '71px'

		Dom.text "This way you can keep track of what is going on in the game and how certain teams or individuals are performing. "

scoresContent = ->
	#position = 0
	Dom.div !->
		Dom.style
			paddingLeft: "14px"
