Page Comparison

<div class="s-margin">
<select class="selectSize" on-change="dateChange">
    <option value="today">Today</option>
    <option value="yesterday">Yesterday</option>
    <option value="thisWeek">This Week</option>
    <option value="lastWeek">Last Week</option>
    <option value="thisMonth">This Month</option>
    <option value="lastMonth">Last Month</option>
    <option value="other">{{other}}</option>
    <option value="range">{{range}}</option>
</select>
<div class="s-horizontal" id="customRange">
<div class="s-text">Custom Date Range: </div>
<div class="s-compare" on-click="start">{{start}}</div>
<div class="s-text">to</div>
<div class="s-compare" on-click="end">{{end}}</div>
<div class="icon-checkmark view-superman-value s-circle" on-click="go"></div>
</div>
<select class="selectSize selectSize2" on-change="intervalChange">
    <option disabled selected>Select Interval...</option>
    <option value="null">None</option>
    <option value="1min">1min</option>
    <option value="5min">5min</option>
    <option value="10min">10min</option>
    <option value="15min">15min</option>
    <option value="30min">30min</option>
    <option value="1hr">1hr</option>
    <option value="1day">1day</option>
    <option value="1week">1week</option>
    <option value="1mo">1mo</option>
    <option value="3mo">3mo</option>
    <option value="1yr">1yr</option>
</select>
<select class="selectSize" on-change="foldChange">
    <option disabled selected>Select Fold...</option>
    <option value="null">None</option>
    <option value="avg">avg</option>
    <option value="covAvg">covAvg</option>
    <option value="max">max</option>
    <option value="mean">mean</option>
    <option value="meanBiasErr">meanBiasErr</option>
    <option value="median">median</option>
    <option value="min">min</option>
    <option value="rootMeanSquareErr">rootMeanSquareErr</option>
    <option value="spread">spread</option>
    <option value="standardDeviation">standardDeviation</option>
    <option value="sum">sum</option>
</select>
</div>
<div class="floatRight view-superman-value icon-download" on-click="download"></div>
<div id="amChart" style="width:100%; height:90%;"></div>

.s-margin{
    margin-left: 30px;
    width: 100%;
    display: flex;
	flex-direction: row;
}
.s-horizontal{
	display: flex;
	flex-direction: row;
}
.s-text{
    display: flex;
	flex-direction: row;
	align-items: center;
    height: 30px;
    margin-left: 10px;
}
.s-compare{
    margin-left: 10px;
    height: 30px;
    background-color: #f8f8f8;
    border: 1.3px solid #bcbcbc;
    border-radius: 4px;
    padding-right: 8px;
    padding-left: 8px;
    display: flex;
	flex-direction: row;
	align-items: center;
}
.s-compare:hover{
    cursor: pointer;
    background-color: #ededed;
}
.selectSize{
    width: 210px;
    height: 30px;
    margin-right: 50px;
}
.selectSize2{
    margin-left: 50px;
}
.s-circle{
    border-radius: 50%;
    margin-left: 10px;
    display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: bold;
	justify-content: center;
	font-size: 15px;
	height: 30px;
	width: 30px;
}
.s-circle:hover{
    background-color:#63b4e4;
    cursor: pointer;
}
.floatRight:hover{
    background-color:#63b4e4;
    cursor: pointer;
}
.floatRight{
    float:right;
    display: flex;
	flex-direction: row;
	align-items: center;
	font-weight: bold;
	justify-content: center;
	font-size: 15px;
	height: 30px;
	width: 30px;
	border-radius: 50%;
}