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

fix button on small device

Browse source
This commit is contained in:
bechi 2015-12-16 11:32:07 -03:00
commit 2f2f0c839e
2 changed files with 22 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

21
public/views/disclaimer.html
View file

@ -1,24 +1,19 @@
<div class="splash content text-center" <div class="splash extra-padding-bottom p20t content text-center"
ng-controller="disclaimerController as disclaimer" ng-init="disclaimer.init()"> ng-controller="disclaimerController as disclaimer" ng-init="disclaimer.init()">
<div class="row"> <div class="row">
<div class="container-image large-2 medium-2 small-2 medium-centered small-centered large-centered columns"> <div class="medium-centered small-centered large-centered columns size-14">
<img src="img/icon-splash.png" alt="icon" width="100%"> <span class="text-bold text-white" translate>WELCOME TO COPAY</span>
</div> <p class="text-gray m0 text-light" translate>A multisignature bitcoin wallet</p>
<div class="row">
<div class="medium-centered small-centered large-centered columns">
<span class="text-bold size-16 text-white" translate>WELCOME TO COPAY</span>
<p class="text-gray size-14 m0 text-light" translate>A multisignature bitcoin wallet</p>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="scrollArea"> <div class="scrollArea">
<p class="enable_text_select m0"> <p class="enable_text_select m0">
<div class="size-16 text-gray" translate>Terms of Use</div> <div class="size-14 text-gray" translate>Terms of Use</div>
<div ng-include="'views/includes/terms.html'"></div> <div ng-include="'views/includes/terms.html'"></div>
</p> </p>
</div> </div>
</div> </div>
</div>
<div class="row"> <div class="row">
<p ng-show="disclaimer.lang != 'en'"> <p ng-show="disclaimer.lang != 'en'">
@ -26,7 +21,7 @@
</p> </p>
</div> </div>
<div> <div>
<p class="text-gray columns" translate>I affirm that I have read, understood, and agree with these terms.</p> <p class="text-gray columns size-12" translate>I affirm that I have read, understood, and agree with these terms.</p>
</div> </div>
<div class="row"> <div class="row">
@ -42,8 +37,8 @@
<span translate>Creating Wallet...</span> <span translate>Creating Wallet...</span>
</div> </div>
</div> </div>
<div class="start-button columns"> <div class="start-button columns button-box">
<button ng-disabled="creatingProfile" ng-click="index.acceptDisclaimer()" class="button black expand round size-12 text-spacing" translate> <button ng-disabled="creatingProfile" ng-click="index.acceptDisclaimer()" class="button black expand round size-12 text-spacing m0" translate>
I AGREE. GET STARTED I AGREE. GET STARTED
</button> </button>
</div> </div>

19
src/css/main.css
View file

@ -396,16 +396,23 @@ ul.tx-copayers {
border-bottom: none; border-bottom: none;
} }
.backup .button-box { .button-box {
background: #F1F3F5;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
padding: 0.5rem 1rem 1rem; padding: 0.8rem;
z-index: 9999; z-index: 9999;
} }
.backup .button-box {
background: #F6F7F9;
}
.splash .button-box {
background: #2C3E50;
}
.backup input[type="text"] { .backup input[type="text"] {
border-bottom: 1px solid #CAD4DB; border-bottom: 1px solid #CAD4DB;
} }
@ -1223,7 +1230,7 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
background: #213140; background: #213140;
border: 1px solid #4B6178; border: 1px solid #4B6178;
border-radius: 5px; border-radius: 5px;
margin: 1.6rem; margin: 1rem;
color: #A5B2BF; color: #A5B2BF;
line-height: 30px; line-height: 30px;
padding: 0.5rem; padding: 0.5rem;
@ -1231,8 +1238,10 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
.scrollArea ul { .scrollArea ul {
font-size: 0.8rem; font-size: 0.8rem;
text-align: justify; text-align: left;
margin-left: 0; margin-left: 0;
line-height: 1.4;
margin-bottom: 0;
} }
.scrollArea li { .scrollArea li {