diff --git a/css/amount.css b/css/amount.css index 9d4e7f97..bbe4c9cb 100644 --- a/css/amount.css +++ b/css/amount.css @@ -37,7 +37,7 @@ display: inline-block; } .amount.crypto .amount-value { - font-weight: 200 + font-weight: 200; } .amount.crypto .amount-currency { font-weight: 500; diff --git a/css/header.css b/css/header.css index a20960cd..47f36f8d 100644 --- a/css/header.css +++ b/css/header.css @@ -24,7 +24,7 @@ html.screen-saver-on #header { top: 0; display: block; line-height: 4.1rem; - font-weight: 200 + font-weight: 200; padding: 0 1rem; } .header-button { diff --git a/css/page.css b/css/page.css index dc0e707f..3e078915 100644 --- a/css/page.css +++ b/css/page.css @@ -1,6 +1,6 @@ .page h1 { font-size: 1.8rem; - font-weight: 200 + font-weight: 200; margin-bottom: 1rem; } .page h2 { diff --git a/css/payment-method.css b/css/payment-method.css index 05ef82ec..5f4677e9 100644 --- a/css/payment-method.css +++ b/css/payment-method.css @@ -5,17 +5,19 @@ width: 4.8rem; height: 4.8rem; background-size: 4.8rem; - background-position: center center; + background-position: center; background-repeat: no-repeat; box-sizing: border-box; padding: 0; margin: 0; } .payment-method.bitcoin, -.payment-method.bitcoinTestnet, -.payment-method.bitcoinLightning { +.payment-method.bitcoinTestnet { background-image: url('../images/bitcoin.svg'); } +.payment-method.bitcoinLightning { + background-image: url('../images/bitcoin-lightning.svg'); +} .payment-method.litecoin, .payment-method.litecoinTestnet { background-image: url('../images/litecoin.svg'); @@ -34,13 +36,13 @@ .payment-method.bitcoinLightning:after { position: absolute; right: -.7rem; - bottom: -.7rem; + bottom: -.2rem; z-index: 20; content: ' '; display: block; - width: 3rem; - height: 3rem; - background-size: 3rem; + width: 2.5rem; + height: 4.25rem; + background-size: 2.5rem 4.25rem; background-color: transparent; background-position: center center; background-repeat: no-repeat; diff --git a/css/result-indicator.css b/css/result-indicator.css index c649a79c..f0c236c8 100644 --- a/css/result-indicator.css +++ b/css/result-indicator.css @@ -17,7 +17,7 @@ .result-indicator-inner { color: #fff; font-size: 2.2rem; - font-weight: 200 + font-weight: 200; text-align: center; } @-webkit-keyframes resultIndicatorScale { diff --git a/css/views/admin.css b/css/views/admin.css index 2848f057..533f386c 100644 --- a/css/views/admin.css +++ b/css/views/admin.css @@ -17,19 +17,20 @@ /* General Settings */ .view.admin .form-group.configurableCryptoCurrencies .button.payment-method { - width: 3.2rem; - height: 3.2rem; - background-size: 3.2rem; - opacity: 0.5; + width: 5rem; + height: 5rem; + background-size: 4.5rem; + opacity: .33; + box-sizing: border-box; + padding: 0; margin: 0 .4rem .4rem 0; - padding: .5rem; } .view.admin .form-group.configurableCryptoCurrencies .button.payment-method.bitcoinLightning:after { - right: -.4rem; - bottom: -.4rem; - width: 2.4rem; - height: 2.4rem; - background-size: 2.4rem; + right: -.5rem; + bottom: -.15rem; + width: 1.7rem; + height: 2.89rem; + background-size: 2rem 2.89rem; } .view.admin .form-group.configurableCryptoCurrencies input[type="checkbox"] { position: absolute; diff --git a/css/views/choose-payment-method.css b/css/views/choose-payment-method.css index 370f3fbb..93279d75 100644 --- a/css/views/choose-payment-method.css +++ b/css/views/choose-payment-method.css @@ -8,7 +8,7 @@ .view.choose-payment-method .payment-method { width: 6rem; height: 6rem; - background-size: 5.4rem; + background-size: 6rem; } .view.choose-payment-method .button.secondary-control { background-position: center center; diff --git a/css/views/enter-pin.css b/css/views/enter-pin.css index a512f1d3..86a1ab66 100644 --- a/css/views/enter-pin.css +++ b/css/views/enter-pin.css @@ -19,7 +19,7 @@ } .enter-pin-keys:empty:after { content: '-'; - font-weight: 200 + font-weight: 200; } .enter-pin-inner { margin: 0 auto; diff --git a/css/views/payment-details.css b/css/views/payment-details.css index 1d033487..6827bd17 100644 --- a/css/views/payment-details.css +++ b/css/views/payment-details.css @@ -27,14 +27,14 @@ .view.payment-detail .payment-details-info-item-value-timestamp, .view.payment-detail .payment-details-amount-crypto { font-size: .9rem; - font-weight: 200 + font-weight: 200; margin-top: .2rem; } .view.payment-detail .payment-details-info-item-value.status { display: inline-block; vertical-align: top; font-size: 1.1rem; - font-weight: 200 + font-weight: 200; background-color: rgba(210, 210, 210, 0.5); border-radius: .5rem; padding: .5rem 1rem; diff --git a/css/views/payment-history.css b/css/views/payment-history.css index 7500c3d6..bbbf3467 100644 --- a/css/views/payment-history.css +++ b/css/views/payment-history.css @@ -44,7 +44,7 @@ .view.admin .payment-history-item-timestamp, .view.admin .payment-history-item-amount-crypto { font-size: 0.9rem; - font-weight: 200 + font-weight: 200; margin-top: .2rem; } .view.admin .payment-history-status-and-timestamp { diff --git a/css/views/recommended-mobile-wallets.css b/css/views/recommended-mobile-wallets.css index 3f52b9dd..19e1e5ad 100644 --- a/css/views/recommended-mobile-wallets.css +++ b/css/views/recommended-mobile-wallets.css @@ -26,9 +26,10 @@ margin-top: .4rem; } .view.recommended-mobile-wallets .recommendations-group-item-payment-methods .payment-method { - width: 1.8rem; - height: 1.8rem; - background-size: 1.8rem; + width: 2.4rem; + height: 2.4rem; + background-size: 2.4rem; + background-position: 0; } .view.recommended-mobile-wallets .recommendations-group-item-payment-methods .payment-method.bitcoinTestnet { font-size: .6rem; @@ -37,9 +38,9 @@ left: -.15rem; } .view.recommended-mobile-wallets .recommendations-group-item-payment-methods .payment-method.bitcoinLightning:after { - right: -.3rem; - bottom: -.3rem; - width: 1.2rem; - height: 1.2rem; - background-size: 1.2rem; + right: -.5rem; + bottom: -.4rem; + width: 1rem; + height: 1.7rem; + background-size: 1rem 1.7rem; } diff --git a/html/templates/admin-general-settings.html b/html/templates/admin-general-settings.html index e337ab77..bbbfab6f 100644 --- a/html/templates/admin-general-settings.html +++ b/html/templates/admin-general-settings.html @@ -1,6 +1,19 @@
+ {{#each inputs}} + {{> formFieldRow .}} + {{/each}} +
+
+
{{i18n "settings.accept-crypto-currencies.label"}}
+ {{#each paymentMethods}} + + + {{/each}} +
+
+
{{i18n "admin.pin.label"}}
@@ -15,17 +28,6 @@
- {{#each inputs}} - {{> formFieldRow .}} - {{/each}} -
-
-
{{i18n "settings.accept-crypto-currencies.label"}}
- {{#each paymentMethods}} - - - {{/each}} -
\ No newline at end of file diff --git a/images/bitcoin-lightning.svg b/images/bitcoin-lightning.svg new file mode 100644 index 00000000..6a4156c4 --- /dev/null +++ b/images/bitcoin-lightning.svg @@ -0,0 +1,29 @@ + + + + + + + + diff --git a/images/bitcoin.svg b/images/bitcoin.svg index dad069b5..b4b3b4c3 100644 --- a/images/bitcoin.svg +++ b/images/bitcoin.svg @@ -1,21 +1 @@ - - - - - - - - + \ No newline at end of file diff --git a/images/lightning.svg b/images/lightning.svg index 796d7697..eda3bc8a 100644 --- a/images/lightning.svg +++ b/images/lightning.svg @@ -5,51 +5,21 @@ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" - xml:space="preserve" - enable-background="new 0 0 226.777 226.777" - viewBox="0 0 216.78101 225.11001" - height="225.11" - width="216.78101" - y="0px" - x="0px" - id="Layer_1" - version="1.1">image/svg+xml \ No newline at end of file + id="Layer_2" + data-name="Layer 2" + viewBox="0 0 121 205" + version="1.1" + width="121" + height="205"> + + + + +