anders/Wallet
1
0
Fork 0
Code Issues Projects Releases Packages Wiki Activity

improve pin screen

Browse source
This commit is contained in:
bechi 2015-02-10 16:49:15 -03:00
commit 91dc40536e
5 changed files with 32 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

3
css/src/main.css
View file

@ -1564,8 +1564,7 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
color: #A5B2BF;
text-transform: uppercase;
padding-bottom: 0.8rem;
border-bottom: 1px solid #425467;
margin-bottom: 2rem;
margin: 1rem 0;
text-align: center;
}

27
css/src/mobile.css
View file

@ -423,14 +423,14 @@
.pin {
margin: 0 auto;
width: 70%;
width: 35%;
text-align: center;
overflow: hidden;
}
.pin-box {
color: #fff;
font-size: 28px;
font-size: 14px;
width: 25%;
float: left;
}
@ -440,8 +440,8 @@
bottom: 0;
width: 100%;
text-align: center;
background-color: #000;
height: 50%;
height: 72%;
margin-bottom: 1.5%;
}
.pin-button-bar {
@ -449,18 +449,27 @@
}
a.pin-button {
margin: 4px;
padding: 5% 10%;
margin: 2.5%;
display: inline-block;
color: #ccc;
font-size: 120%;
color: #CED5DC;
font-size: 150%;
border: 1px solid #4B6178;
border-radius: 100%;
width: 70px;
padding-top: 1.4rem;
height: 70px;
}
a.pin-button:active {
color: #fff;
background-color: #2C3E50;
background-color: #3E5367;
}
.icon-circle, .icon-circle-active {
color: #1ABC9C;
}
}
@media (max-width: 640px) {