From 0ae053391018b2ec3c76b1bd47ca3cd432bdee26 Mon Sep 17 00:00:00 2001
From: Christian Grothoff <christian@grothoff.org>
Date: Sat, 22 Oct 2022 20:17:24 +0200
Subject: 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 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 %}
-- 
cgit v1.2.3