backup view when header is present fixes

This commit is contained in:
Jamal Jackson 2016-09-14 08:29:57 -04:00
commit 2a55e3f232
2 changed files with 16 additions and 5 deletions

View file

@ -49,7 +49,7 @@
ng-disabled="shuffledWord.selected">{{shuffledWord.word}}
</button>
</span>
<button ng-show="selectComplete" class="button button-block button-positive" ng-click="goToStep(3);" translate>Confirm</button>
<button ng-show="selectComplete" id="confirm-phrase" class="button button-block button-positive" ng-click="goToStep(3);" translate>Confirm</button>
</div>
</div>
<!--

View file

@ -15,7 +15,7 @@
background: rgba(246, 246, 246, 0.87);
padding: .5rem .5rem 1.7rem;
border: 2px dashed rgb(206, 206, 206);
width: 90%;
width: 95%;
margin: 1rem auto;
color: rgb(43, 43, 43);
text-align: center;
@ -34,7 +34,7 @@
position: absolute;
width: 100%;
text-align: center;
bottom: 80px;
bottom: 90px;
button {
max-width: 400px;
}
@ -42,7 +42,7 @@
.select-word {
background: #fff;
box-shadow: 0px 4px 5px 0px rgba(50, 50, 50, 0.37);
margin: .5rem 0 0;
margin: .25rem 0 .25rem;
display: inline-block;
padding: 0 5px;
}
@ -57,7 +57,7 @@
font-weight: bold;
font-weight: bold;
padding-top: .7rem;
margin-bottom: 0.9rem;
margin-bottom: 0.3rem;
float: left;
width: 100%;
}
@ -69,5 +69,16 @@
border: 1px solid rgb(211, 211, 211);
}
}
#confirm-phrase{
margin:5px auto 0;
}
}
ion-content.has-header{
#select-phrase{
bottom:75px;
}
.backup-phrase{
padding: .5rem .5rem .9rem;
}
}
}