<div class="container-fluid">
	<div class="row">
		<div class="col-xs-12">
			<odca-page-header page-title="{{locale.localeName}}" next-election="{{locale.nextElectionDate}}"></odca-page-header>
		</div>
	</div>
</div>

<div class="container-fluid">
	<div class="row bg-white">
		<div class="col-xs-12 col-sm-4 localePage-electionsListContainer">
			<locale-upcoming-elections-list locale-id="locale.localeId" locale-type="locale.localeType"></locale-upcoming-elections-list>
		</div>
		<div class="col-xs-12 col-sm-8">
			<!--TODO: Fix breadcrumb problem caused by adding this view in-->
			<div class="localePage-electionTypePageContainer" ui-view></div>
		</div>
	</div>
</div>


<!--<{{ctrl.localeType}}-page></{{ctrl.localeType}}-page>-->
<!--{{ctrl.pageElement}}-->

<div class="container-fluid">
	<div class="row">
		<div class="col-xs-12">
			<odca-page-header page-title="{{locale.localeName}}" next-election="{{locale.nextElectionDate}}"></odca-page-header>
		</div>
	</div>
</div>

<div class="container-fluid">
	<div class="row bg-white">
		<div class="col-sm-8 col-sm-push-4">
			<!--TODO: Fix breadcrumb problem caused by adding this view in-->
			<div class="localePage-electionTypePageContainer" ui-view></div>
		</div>
		<div class="col-sm-4 col-sm-pull-8 localePage-electionsListContainer">
			<locale-upcoming-elections-list locale-id="locale.localeId" locale-type="locale.localeType"></locale-upcoming-elections-list>
		</div>
	</div>
</div>


<!--<{{ctrl.localeType}}-page></{{ctrl.localeType}}-page>-->
<!--{{ctrl.pageElement}}-->

Adjust Locale layout for small screens
Adjust Locale layout for small screens

Keep main content above nav on small screens
