From 764e1c9e217c37ee30c7b1c94b4df44399e75f1d Mon Sep 17 00:00:00 2001
From: Henry Wilkinson <wilkinson.hank@gmail.com>
Date: Mon, 3 Oct 2022 23:00:35 -0400
Subject: [PATCH] embed receipts ui: Adds title back to download button section
 (#127)

* Adds title back to download button section
* Update embed-receipt.js
- Re-order download text
- Finalized copy fixes
- Added space between button and text
---
 src/embed-receipt.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/embed-receipt.js b/src/embed-receipt.js
index b20e29b..7d7aa7b 100644
--- a/src/embed-receipt.js
+++ b/src/embed-receipt.js
@@ -232,13 +232,14 @@ export class RWPEmbedReceipt extends LitElement
           </div>
           ${sourceUrl ? html`
           <hr class="dropdown-divider">
-          <a href="${sourceUrl}" class="button" @keyup="${clickOnSpacebarPress}">
+          <h2 mt-4">Get A Copy!</h2>
+          <p class="mt-2">After downloading, this web archive can be loaded and viewed directly in your browser via <a style="white-space: nowrap;" target="_blank" href="https://replayweb.page">replayweb.page</a>.</p>
+          <a href="${sourceUrl}" class="button mt-4" @keyup="${clickOnSpacebarPress}">
             <span class="icon is-small">
               <fa-icon size="1.0em" class="has-text-grey" aria-hidden="true" .svg="${fasDownload}"></fa-icon>
             </span>
             <span>Download Archive</span>
           </a>
-          <p class="mt-2">This archive can then be viewed directly in your browser by loading it via <a target="_blank" href="https://replayweb.page">replayweb.page</a></p>
           ` : ""}
           <p class="is-size-7 is-flex is-justify-content-space-between" style="margin-top: 40px">
             <span>
@@ -265,4 +266,4 @@ export class RWPEmbedReceipt extends LitElement
   }
 }
 
-customElements.define("rwp-embed-receipt", RWPEmbedReceipt);
\ No newline at end of file
+customElements.define("rwp-embed-receipt", RWPEmbedReceipt);