fix style issues with discomainer view and collect email, mostly checkbox related

This commit is contained in:
Jamal Jackson 2016-09-19 14:18:51 -04:00
commit 4ec7f08e1e
3 changed files with 32 additions and 2 deletions

View file

@ -17,8 +17,8 @@
<input type="email" id="email" name="email" ng-model="email" placeholder="satoshi@example.com" required></input> <input type="email" id="email" name="email" ng-model="email" placeholder="satoshi@example.com" required></input>
</label> </label>
</form> </form>
<ion-list> <ion-list id="news-updates" class="row">
<ion-checkbox ng-model="data.accept"><span translate>Get news and updates from Bitpay</span></ion-checkbox> <ion-checkbox ng-model="data.accept" class="col col-80"><span translate>Get news and updates from Bitpay</span></ion-checkbox>
</ion-list> </ion-list>
</div> </div>
<div ng-if="confirmation"> <div ng-if="confirmation">

View file

@ -59,6 +59,25 @@
} }
} }
} }
#news-updates{
padding-top:0;
.list{
max-width: 600px;
text-align: center;
width: 75%;
@include center-block();
label{
display: inline-block;
margin-top: 0;
padding-bottom: 1rem;
.item-content{
margin-left: 15%;
top: .4rem;
position: relative;
}
}
}
}
} }
.item { .item {
border: none; border: none;

View file

@ -33,6 +33,11 @@
border-color: rgb(19, 229, 182); border-color: rgb(19, 229, 182);
top:20%; top:20%;
left:11%; left:11%;
@media (min-width:450px){
&{
left: 20%;
}
}
} }
.item-content { .item-content {
width: 90%; width: 90%;
@ -60,6 +65,12 @@
p{ p{
color:rgb(58,58,58); color:rgb(58,58,58);
} }
@media (min-width:450px){
p{
position: relative;
top: .6rem;
}
}
.checkbox input:before, .checkbox input:before,
.checkbox .checkbox-icon:before{ .checkbox .checkbox-icon:before{
border-color:$soft-blue; border-color:$soft-blue;