"resource/layout/gamespage_details_subheader.layout"
{
	colors
	{
		GameDetailsSubHeader.HorizontalSpacing=10
		GameDetailsSubHeader.VerticalMargin=40
	}

	styles
	{
		CDetailsGameSubHeaderPanel {
			bgcolor=none
		}

		ClientListButton {
			image=graphics/none
			padding-left=100
			padding-right=100
			inset-left=999 //remove default dropdown arrow
		}

		ClientListButton:hover {
			image=graphics/none
			padding-left=100
			padding-right=100
			inset-left=999 //remove default dropdown arrow
		}

		DetailsLaunchButton 					{
			inset-left=1
			padding-right=50
			padding-left=50
			padding-top=10
			padding-bottom=10
			render { }
			render_bg {
				0="fill( x0, y0, x1, y0 + 2, white )"
				1="fill( x0, y1 - 2, x1, y1, white )"
				2="fill( x0, y0, x0 + 2, y1, white )"
				3="fill( x1 - 2, y0, x1, y1, white )"
			}
		}

		DetailsInstallButton 					{
			inset-left=1
			padding-right=50
			padding-left=50
			padding-top=10
			padding-bottom=10
			render { }
			render_bg {
				0="fill( x0, y0, x1, y0 + 2, white )"
				1="fill( x0, y1 - 2, x1, y1, white )"
				2="fill( x0, y0, x0 + 2, y1, white )"
				3="fill( x1 - 2, y0, x1, y1, white )"
			}
		}

		DetailsBuyButton 							{
			inset-left=1
			padding-right=50
			padding-left=50
			padding-top=10
			padding-bottom=10
			render { }
			render_bg {
				0="fill( x0, y0, x1, y0 + 2, white )"
				1="fill( x0, y1 - 2, x1, y1, white )"
				2="fill( x0, y0, x0 + 2, y1, white )"
				3="fill( x1 - 2, y0, x1, y1, white )"
			}
		}
	}

	layout
	{
		// Y offset here should match the vertical padding value above in the colors section
		region { name="header" y=0 x=0 width=max height=max }

		place {
			control=launchbutton
			region=header
			align=top-center
			y=10
		}
		place {
			control=clientlist //for in-home streaming button, placed on top of launchbutton
			region=header
			align=top-center
			y=10
		}
		place {
			control=subheaderlabels
			start=launchbutton
			region=header
			dir=down
			align=top-center
			y=10
		}
	}
}
