4 files changed, 35 insertions, 48 deletions
diff --git a/contrib/depleted_tip.en.mcpp b/contrib/depleted_tip.en.mcpp
index 381f931d..71d7489f 100644
--- a/contrib/depleted_tip.en.mcpp
+++ b/contrib/depleted_tip.en.mcpp
@@ -12,9 +12,10 @@
 </head>
 
 <body>
-<h1>Tip already picked up</h1>
-
-<div>
-You have already picked up your tip.
-</div>
+<section id="main" class="content">
+  <h1 align="center">Tip already collected</h1>
+  <div align="center">
+    You have already collected this tip.
+  </div>
+</section>
 #include "footer.html"
diff --git a/contrib/offer_refund.en.mcpp b/contrib/offer_refund.en.mcpp
index 330ecfe3..18ce3df6 100644
--- a/contrib/offer_refund.en.mcpp
+++ b/contrib/offer_refund.en.mcpp
@@ -50,25 +50,22 @@
   setTimeout(check, delayMs);
 </script>
 
-
-<h1>Taler refund available</h1>
-
-<div>
-  <p>
-  Please select your Taler wallet to obtain the refund.
-  </p>
-</div>
-
-<div>
+<section id="main" class="content">
+<h1 align="center">Collect Taler refund</h1>
+<div align="center" class="taler-installed-hide">
   <p>
-  Alternatively, you can scan this QR code to obtain the refund with your mobile wallet:
+  Scan this QR code with your Taler mobile wallet:
   </p>
   <div class="qr">
     {{{taler_refund_qrcode_svg}}}
   </div>
   <p>
-  Finally, you could click <a href="{{taler_refund_uri}}">this link</a> to
-  try to open your system's Taler wallet if it exists.
+    <button onclick="window.location.href='{{taler_refund_uri}}';">
+      Or open your Taller wallet
+    </button>
+  </p>
+  <p>
+  <a href="https://wallet.taler.net/">Don't have a Taler wallet yet? Install it!</a>
   </p>
 </div>
 <hr />
diff --git a/contrib/offer_tip.en.mcpp b/contrib/offer_tip.en.mcpp
index 47f04c92..ea6ec59a 100644
--- a/contrib/offer_tip.en.mcpp
+++ b/contrib/offer_tip.en.mcpp
@@ -42,25 +42,22 @@
   setTimeout(check, delayMs);
 </script>
 
-
-<h1>Taler tip available</h1>
-
-<div class="taler-installed-hide">
-  <p>
-  Please select your Taler wallet to pick up the tip.
-  </p>
-</div>
-
-<div>
+<section id="main" class="content">
+<h1 align="center">Collect Taler tip</h1>
+<div align="center" class="taler-installed-hide">
   <p>
-  Alternatively, you can scan this QR code to pick up the tip with your mobile wallet:
+  Scan this QR code with your Taler mobile wallet:
   </p>
   <div class="qr">
     {{{taler_tip_qrcode_svg}}}
   </div>
   <p>
-  Finally, you could click <a href="{{taler_tip_uri}}">this link</a> to
-  try to open your system's Taler wallet if it exists.
+    <button onclick="window.location.href='{{taler_tip_uri}}';">
+      Or open your Taller wallet
+    </button>
+  </p>
+  <p>
+  <a href="https://wallet.taler.net/">Don't have a Taler wallet yet? Install it!</a>
   </p>
 </div>
 <hr />
diff --git a/contrib/request_payment.en.mcpp b/contrib/request_payment.en.mcpp
index e0507af3..c5d5e429 100644
--- a/contrib/request_payment.en.mcpp
+++ b/contrib/request_payment.en.mcpp
@@ -73,29 +73,21 @@
 </script>
 
 <section id="main" class="content">
-
-
-<h1>Taler payment requested</h1>
-
-<div class="taler-installed-hide">
+<h1 align="center">Pay with Taler</h1>
+<div align="center" class="taler-installed-hide">
   <p>
-  Please select your Taler wallet to pay. If you do not have one, GNU Taler
-  offers a
-  <a href="https://wallet.taler.net/">wallet browser extensions</a> for
-  many platforms.
-  </p>
-</div>
-
-<div>
-  <p>
-  Alternatively, you can scan this QR code to pay with your mobile wallet:
+    Scan this QR code with your mobile wallet:
   </p>
   <div class="qr">
     {{{taler_pay_qrcode_svg}}}
   </div>
   <p>
-  Finally, you could click <a href="{{taler_pay_uri}}">this link</a> to
-  try to open your system's Taler wallet if it exists.
+    <button onclick="window.location.href='{{taler_pay_uri}}';">
+      Or open your Taller wallet
+    </button>
+  </p>
+  <p>
+  <a href="https://wallet.taler.net/">Don't have a Taler wallet yet? Install it!</a>
   </p>
 </div>
 <hr />