taler-www

commit 0ae053391018b2ec3c76b1bd47ca3cd432bdee26
parent 8b316d5d93956bf93d78d623516a680064ee3ef5
Author: Christian Grothoff <christian@grothoff.org>
Date:   Sat, 22 Oct 2022 20:17:24 +0200

nicer buttons

Diffstat:
M
static/styles.css
 | 
14
++++++++++++++
M
template/wallet.html.j2
 | 
10
+++++-----

2 files changed, 19 insertions(+), 5 deletions(-)
diff --git 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
@@ -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 %}