<div id="rcorners2" ng-click="mainApp.loadIncomeListPage()">
    <div class="content-padded">
        <h2 style="text-align: center; color: green">{{mainApp.mTotalIncome | currency}}</h2>
    <h5 style="text-align: center"> Income </h5>
    </div>
</div>
<hr>
<div id="rcorners2" ng-click="mainApp.loadCostListPage()">
    <div class="content-padded">
        <h2 style="text-align: center; color: red">{{mainApp.mTotalSpendSoFar | currency}}</h2>
    <h5 style="text-align: center"> Expenses </h5>
    </div>
</div>
<hr>
<div id="rcorners1">
    <div class="content-padded">
        <h2 class="mainApp.mTotalIncome - mainApp.mTotalSpendSoFa" style="text-align: center" ng-style="mainApp.myStyle">
            {{mainApp.mTotalIncome - mainApp.mTotalSpendSoFar | currency}}</h2>
    <h5 style="text-align: center"> Balance </h5>
    </div>
</div>

