fix terms page back button to arrow and not text

This commit is contained in:
Jamal Jackson 2016-09-15 10:47:10 -04:00
commit 5ad94a8579
2 changed files with 10 additions and 3 deletions

View file

@ -3,7 +3,7 @@
<ion-nav-title>{{'Terms of Use' | translate}}</ion-nav-title> <ion-nav-title>{{'Terms of Use' | translate}}</ion-nav-title>
<ion-nav-buttons side="primary"> <ion-nav-buttons side="primary">
<button class="button no-border" ng-click="termsModal.hide()"> <button class="button no-border" ng-click="termsModal.hide()">
{{'Close' | translate}} <i class="ion-ios-arrow-thin-left"></i>
</button> </button>
</ion-nav-buttons> </ion-nav-buttons>
</ion-nav-bar> </ion-nav-bar>

View file

@ -2,6 +2,11 @@
ion-header-bar { ion-header-bar {
background: #fff; background: #fff;
box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2);
.primary-buttons{
.button{
font-size: 2rem;
}
}
} }
ion-content{ ion-content{
padding-top: 1.5rem; padding-top: 1.5rem;
@ -36,17 +41,19 @@
.checkbox input:checked:after, .checkbox input:checked:after,
input:checked + .checkbox-icon:after { input:checked + .checkbox-icon:after {
border-color: rgb(19, 229, 182); border-color: rgb(19, 229, 182);
top: 20%;
left: 11%;
} }
.item { .item {
color: rgb(58, 58, 58); color: rgb(58, 58, 58);
padding-bottom: 1.2rem; padding-bottom: 1.2rem;
padding-bottom: 1.6rem; padding-bottom: 2.5rem;
float: left; float: left;
border: none; border: none;
width: 10%; width: 10%;
position: relative; position: relative;
padding-right: 0; padding-right: 0;
top: 30px; top: 50px;
.item-content { .item-content {
white-space: normal; white-space: normal;
} }