[taler-www] branch master updated: nicer buttons

[gnunet]

This is an automated email from the git hooks/post-receive script.

grothoff pushed a commit to branch master
in repository www.

The following commit(s) were added to refs/heads/master by this push:
     new 0ae0533  nicer buttons
0ae0533 is described below

commit 0ae053391018b2ec3c76b1bd47ca3cd432bdee26
Author: Christian Grothoff <christian@grothoff.org>
AuthorDate: Sat Oct 22 20:17:24 2022 +0200

    nicer buttons
---
 static/styles.css       | 14 ++++++++++++++
 template/wallet.html.j2 | 10 +++++-----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/static/styles.css b/static/styles.css
index b8493bd..44274f5 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 8edd7c7..77f2a53 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 %}

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.