diff options
author | Christian Grothoff <christian@grothoff.org> | 2022-10-22 20:17:24 +0200 |
---|---|---|
committer | Christian Grothoff <christian@grothoff.org> | 2022-10-22 20:17:24 +0200 |
commit | 0ae053391018b2ec3c76b1bd47ca3cd432bdee26 (patch) | |
tree | f73e6709ad9df853ddab84337a35a98546eab594 | |
parent | 8b316d5d93956bf93d78d623516a680064ee3ef5 (diff) | |
download | www-0ae053391018b2ec3c76b1bd47ca3cd432bdee26.tar.gz www-0ae053391018b2ec3c76b1bd47ca3cd432bdee26.tar.bz2 www-0ae053391018b2ec3c76b1bd47ca3cd432bdee26.zip |
nicer buttons
-rw-r--r-- | static/styles.css | 14 | ||||
-rw-r--r-- | template/wallet.html.j2 | 10 |
2 files changed, 19 insertions, 5 deletions
diff --git a/static/styles.css b/static/styles.css index b8493bde..44274f50 100644 --- a/static/styles.css +++ b/static/styles.css @@ -19,6 +19,20 @@ ul nav { background-color: #A5C663; } +.wallet-teaser-text { + padding-bottom: 2em; +} + +.install-button { + border: none; + padding: 8px 8px; + background-color: #0042b3; + color: #fff; +} + +.extension.row > .col-lg-6 { + padding-bottom: 2em; +} a, a:link, diff --git a/template/wallet.html.j2 b/template/wallet.html.j2 index 8edd7c7d..77f2a53f 100644 --- a/template/wallet.html.j2 +++ b/template/wallet.html.j2 @@ -121,7 +121,7 @@ document.addEventListener('DOMContentLoaded', onLoad); </div> <!-- /col-lg-12 --> </div> <!-- /row --> - <div class="row"> + <div class="row wallet-teaser-text"> <div class="col-lg-12"> {% trans %} Install the wallet for your browser below, then check out the @@ -138,11 +138,11 @@ document.addEventListener('DOMContentLoaded', onLoad); {% trans %} directory {% endtrans %} - </a>.<br> + </a>. </div> </div> <!-- /row --> - <div class="row"> + <div class="row extension"> <div class="col-lg-6"> <h2><a href="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc">Google Chrome / Chromium 51+</a></h2> @@ -172,7 +172,7 @@ document.addEventListener('DOMContentLoaded', onLoad); </p> <div id="inline-install-chrome"> <form target="_blank" action="https://chrome.google.com/webstore/detail/gnu-taler-wallet/millncjiddlpgdmkklmhfadpacifaonc"> - <button action="submit"> + <button action="submit" class="install-button"> {% trans %} Install wallet {% endtrans %} @@ -193,7 +193,7 @@ document.addEventListener('DOMContentLoaded', onLoad); <h2><a href="https://addons.mozilla.org/en-US/firefox/addon/taler-wallet/">Mozilla Firefox 57+</a></h2> <div id="inline-install-chrome"> <form action="https://addons.mozilla.org/firefox/downloads/latest/taler-wallet/"> - <button action="submit"> + <button action="submit" class="install-button"> {% trans %} Install wallet {% endtrans %} |